Les Ressources du Web #32

C’est dingue ! Le temps passe vite et les liens défilent. Je n’ai pas eu le temps d’écrire plus tôt cette sélection dont le début date d’il y a quelques semaines maintenant. Du CSS à gogo avec pas mal de Grid Layout, des articles d’ergonomie, design, UX et d’inspiration, du WordPress et des ressources.

S’il fallait n’en retenir qu’un

Le portfolio de Rick Waalders est vraiment cool. Je vous invite à y aller faire un tour.

CSS

• 46 CSS Timelines – Une sélection de 46 Timelines en CSS.
• Cropping images in CSS – Utilisation de object-fit pour apprendre à tailler des images en CSS.
• CSS Shapes – Introduction par MDN du clipping et masking en CSS.
• Breaking out with CSS Grid Explained – une technique CSS Grid plutôt pratique.
• Minmax() function in CSS – un fonction introduite par CSS Grid Layout.
• Check CSS animation performance with the dev tool – déboguez comme un chef vos animations.

Ergonomie / UX

• Are float labels really problematic? – Un article regroupant des arguments contre (ou pour ?) les labels flottants.
• Most hated advertising techniques – Un article classant les méthodes de publicité suivant leur capacité à agacer. (entre autres critères)
• The illustion of measuring what customers want – Un article intéressant sur ce que vous mesurez sur votre site (pouvez, devriez, ne devriez pas).

Design / Inspiration

• LandingFolio – des exemples de landing page triables par thématique.
• Rick Waalders – un portfolio que je trouve vraiment sympa.
• Typechem – une sélection de paires de fontes et couleurs.
• Inspirational UI Design Ideas – quelques idées pour vos prochains design.

WordPress

• Améliorer les sticky posts – appréhendez les sticky posts efficacement.
• CSS Grid in WordPress – un article riche sur Grid Layout utilisable en production avec WordPress.
• 40 ways to keep your WordPress Secure – de bons rappels pour sécuriser votre site sous WordPress.
• Why switch to PHP7 for WordPress? – des arguments pour passer à PHP7 pour WordPress.

Outils/Ressources

• Flubber – un script pour faciliter et rendre fluide les animations/transitions entre des formes en SVG.
• Screaming Frog – un spider tool conseillé par Myriam Jessier.

Oui je sais, très peu de JavaScript dans cette sélection, ça sera pour la prochaine fois certainement 🙂