hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Testez la convivialité de votre site Web avec cet outil Google

L'année 2016 a marqué l'histoire lorsque l'utilisation de l'Internet mobile a dépassé celle des ordinateurs de bureau pour la toute première fois. Il devrait être très clair que la conception de sites Web réactifs ne peut être ignorée .

Mais ce n'est pas parce que vous créez une mise en page réactive que l'expérience utilisateur sera géniale. Vous devez toujours prendre en compte la convivialité sur différents périphériques et le temps total de chargement de la page .

Google a récemment publié un tout nouvel outil appelé Outil de test de site Web mobile .

Avec cette application Web, vous pouvez analyser n'importe quel site Web et obtenir un score basé sur le temps de chargement moyen du site et les caractéristiques de conception totale.

Vous venez d' entrer un domaine et le laisser courir . Le test peut prendre jusqu'à quelques minutes alors essayez d'être patient.

Une fois cela fait, vous verrez trois scores notés de 0 à 100 :

  • Convivialité mobile
  • Vitesse mobile
  • Vitesse de bureau

Je ne sais pas exactement comment les vitesses mobiles et de bureau sont calculées, mais elles semblent différer .

Lorsque vous faites défiler la page, vous trouverez trois sections différentes pour chaque classement.

Vous pouvez cliquer sur le bouton "Plus de détails" pour une fenêtre modale expliquant les zones spécifiques cochées dans la liste.

Par exemple, le testeur de convivialité mobile vérifie la fenêtre d'affichage, les tailles / couleurs de police et la taille des cibles pouvant être tappées, telles que les boutons ou les liens.

Voici le bilan de la réactivité mobile de Hongkiat.

Il est assez courant d'obtenir des résultats moins bons que les tests de vitesse (Hongkiat a battu Mashable!).

Ces notes peuvent être attribuées à de nombreuses choses différentes. Vous pouvez demander à Google d'envoyer une liste de leurs résultats et des solutions possibles directement à votre adresse e-mail.

Ceci est l'une des nouvelles applications les plus cool de Google et je le recommande absolument comme un outil de test général pour les développeurs web.

Notez que ceci est similaire aux deux autres outils de Google: PageSpeed ​​Insights et Mobile-Friendly Test .

Mais avec leur nouvel outil de test de site mobile, vous pouvez vérifier à la fois la vitesse de la page et la convivialité du mobile dans la même analyse. Vraiment super application et mérite vraiment bookmarking pour référence future.

Guide du débutant à CSS3

Guide du débutant à CSS3

Cet article fait partie de notre "série de tutoriels HTML5 / CSS3" - destiné à vous aider à devenir un meilleur concepteur et / ou développeur. Cliquez ici pour voir plus d'articles de la même série. Depuis l'annonce de 2005, le développement du niveau 3 de Cascading Style Sheet ou mieux connu sous le nom de CSS3 a été étroitement surveillé et suivi par de nombreux concepteurs et développeurs. Nous sommes

(Conseils techniques et de conception)

Guide des unités de Viewport CSS: vw, vh, vmin, vmax

Guide des unités de Viewport CSS: vw, vh, vmin, vmax

Les longueurs de pourcentage de viewport, ou les unités de viewport comme on les appelle plus fréquemment, sont des unités CSS sensibles qui vous permettent de définir des dimensions en pourcentage de la largeur ou de la longueur de la fenêtre . Les unités Viewport peuvent être très utiles dans les cas où d'autres unités CSS réactives, telles que les pourcentages, sont difficiles à faire fonctionner .Bien que la

(Conseils techniques et de conception)