Votre navigateur est trop vieux !

Mettez à jour votre navigateur pour visualiser correctement ce site Mettre à jour mon navigateur

Désintégrateur


Le carnet de notes d'un développeur front-end souhaitant partager ses connaissances en intégration et webdesign, à travers son expérience et ses observations.

Rappeler l'importance du viewport avec humour

J'ai récemment eu l'occasion de tester le framework Ink, créé par le staff de Zurb Foundation, qui offre la possibilité de créer rapidement, et sans se prendre la tête, des templates HTML responsive fonctionnant peu importe le client et le device utilisé.

En parcourant le code contenu dans l'élément <head> du fichier HTML de chaque template, on peut observer que chaque <viewport> est accompagné d'une ligne de commentaire à caractère humoristique, et donc accrocheur, rappelant l'importance de ce meta tag.

Quelques exemples

Dans le fichier HTML du template basic :

<!-- If you delete this meta tag, Half Life 3 will never be released. -->
<meta name="viewport" content="width=device-width" />

Dans le fichier HTML du template hero :

<!-- If you delete this tag, the sky will fall on your head -->
<meta name="viewport" content="width=device-width" />

Dans le fichier HTML du template sidebar :

<!-- If you delete this meta tag, Earth will fall into the sun. -->
<meta name="viewport" content="width=device-width" />

Plus d'infos sur le templating Mail de Zurb


Au sujet de l'auteur

DEGRYSE Alexis

Lille (Nord) http://alexisdegryse.fr

24 ans, autodidacte et fasciné par les évolutions du web sous toutes ses formes, je travaille depuis 4 ans en tant que consultant en intégration dans une SSII lilloise. Ah, et je suis grincheux !


Discussions

comments powered by Disqus