La semaine en pixels – 16 Septembre 2018
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.
Au programme : outline CSS, le dénigrement du CSS, des conseils pour votre portfolio, une police avec du mauvais kerning pour rendre fou vos collègues, :empty et :blank en CSS, outil de dessin vectoriel dans le navigateur, outil de compression d’image, performance et conseils pour être un bon développeur front-end, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Typographie
Smelvetica – vous voulez rendre fou vos collègues ? Apprenez leur à reconnaitre le mauvaise keming, pardon, kerning, et installez leur cette police
Les articles de la semaine
#Front-End
- Un article sur le dénigrement du CSS, et pourquoi ce n’est pas juste un problème de code mais aussi un problème d’exclusion d’une partie de la communauté CSS dismissal is about exclusion, not technology
- CSS Quick Tip: Using Outline, des conseils pour utiliser l’outline en CSS
- :empty and :blank, la différence entre les deux très bien expliquée
- Nested Links Without Nesting Links des liens dans des liens avec des pseudo-éléments par Sara Soueidan
- What makes a good frontend developer? qu’est ce qui fera de vous un bon developpeur front-end
#Portfolio
A Portfolio Hiring Managers Can’t Deny, beaucoup de très bon conseils pour un portfolio qui va attirer les managers. La partie sur l’adaptation en fonction du job est interessante, chronophage certes, mais si on vise un poste en particulier dans une entreprise, l’investissement peut valoir le cout.
#Performance
Improving Client-Side Performance, une checkliste pour vous aider avec les bases de la performance, de la compression d’images au lazy loading, temps de chargements des scripts tiers, etc.
Des ressources outils et plugins pour vous faciliter la vie
#Dessin Vectoriel
Landing, un outil de dessin vectoriel dans le navigateur
#Performance
Shrink Me – un outil en ligne de compression JPG, PNG et WEBP
#Editeur
Si vous êtes un développeur qui n’a pas encore trouvé l’éditeur de code de ses rêves, voici quelques alternatives
