Durant le travail des designers, c’est assez fréquent qu’ils doivent mettre sur une maquette, une image représentant une vidéo. Ils doivent ensuite habituellement ajouter des "thumbnails" représentant ces vidéos. À cet instant, ils doivent calculer le ratio 16:9 ou 4:3. En fait, pour plusieurs raisons ils peuvent être appelé à calculer un ratio.
... Voir l'article complet
Utiliser les "media queries" c’est bien, mais souvent assez complexe.
Voici un petit plugin pour permettre à vos polices de se dimensionner selon la largeur de votre écran. Ceci est un complément de l’article Grosseur de la typographie suivant le « viewport »
... Voir l'article complet
Alors voilà, vous pouvez voir le démo de ce parallax très simple en mootools et ensuite on va le décortiquer un peu.
... Voir l'article complet
CSS3 a ajouté de nouvelles valeurs pour ajuster la grosseur des choses en relation avec la grosseur du « viewport » : vw, vh et vmim.
... Voir l'article complet
De nos jours, nous parlons beaucoup de "responsive web design" mais qu’en est-il pour les vidéos?
Nous pouvons avoir le plus beau design, avec des colonnes qui s’ajustent selon le format de l’écran, mais reste que notre vidéo, bien montée, affichée en 16:9, est complètement foutue quand vient le temps de redimensionner la page.
... Voir l'article complet
Il est très important d’empêcher le "autocomplete" sur les champs de formulaire, surtout quand nous avons dans ce dernier, les informations sur une carte de crédit ou d’autres informations importantes. Nous ne savons pas où notre utilisateur va remplir notre formulaire; un ordinateur personnel ou public. Nous devrions donc faire que certain champs soient bloqués. Il existe d’autant plus une manière super simple de le faire.
... Voir l'article complet
Traduction de l’article Beginner’s Guide to Responsive Web Design de Nick Pettit.
... Voir l'article complet
Je vous donne un simple petit bout de code pour créer une ombre à votre en-tête de site.
... Voir l'article complet
Billboard a lancé, sans grande pompe, un nouveau site cette semaine. En effet, ils étaient plus que due et d’emblée, j’ai trouvé le site très beau et très user-friendly. À première vue, sur une tablette, j’ai trouvé le site extraordinaire et à mettre dans mes références en tant que pureté, design, espace blanc (white-space), adaptatif (responsive) , etc.
... Voir l'article complet
Canvas fait maintenant parti des spécifications du HTML5. Voici les bases pour savoir comment l’utiliser.
... Voir l'article complet