Comme à mon habitude maintenant, voici les meilleurs liens que j’ai pu récolter cette semaine. Il y a du SVG, un outil sympa pour tester vos sites responsives, un article sur le REM et EM, une nouvelle manière de coder un email responsive et pour fini des boutons imparfaits.
Compte à rebours en SVG pour l’I/O 2016
Pour préparer l’événement I/O’16, Google a mis en place un site avec un compte à rebours très réussi réalisé et animé en SVG.
A voir ici : https://events.google.com/io2016/
Viewer interactif pour visualiser un site en responsive
Google (encore eux) met à disposition un outil très simple pour tester vos sites en responsive. A la base conçu pour voir comment il réagit avec le material design, mais largement utilisable pour un autre style de site. Pour cela il suffit de rentrer votre URL et il affiche 3 formats de votre site. Il est possible de naviguer à l’intérieur du site si besoin et de tester les breakpoints.
Google Resizer : http://design.google.com/resizer/ et un article expliquant toutes les raisons de ce site: https://design.google.com/articles/introducing-resizer/
Unités REM versus EM
Si vous êtes intégrateur vous vous êtes sans doute déjà posé la question, mais quelles sont les avantages au REM, et au EM ? Et peut-on utiliser les deux et dans quel cas ?
A lire : http://zellwk.com/blog/rem-vs-em/
Créer un email responsive sans media queries
Rémi Parmentier a trouvé une technique pour créer des email responsive sans media queries, pour cela il utilise la fonction calc().Une véritable performance quand on sait comment il est contraignant de réaliser des emails responsives adaptés à tous les clients mails.
A lire ici : https://medium.freecodecamp.com/the-fab-four-technique-to-create-responsive-emails-without-media-queries
Des boutons imparfaits en CSS
Il est possible en CSS de réaliser des boutons comme si cela avait été fait au crayon !
See the Pen Imperfect Buttons by Tiffany Rayside (@tmrDevelops) on CodePen.
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter !
