Comment utiliser des unités relatives pour bâtir des composants redimensionnables
Quelques principes pour designer des blocs réutilisables en HTML/CSS
Le web design moderne, c'est aussi ça ! Des animations dont la vitesse varie dans le temps pour les rendre plus "humaines".
Du bon usage de @supports pour enrichir une page web en fonction de ce que le navigateur gère.
Une liste des bugs Flexbox selon les navigateurs et des méthodes de contournement.
Quand un intégrateur de talent explique en détail comment il a réalisé sa page web... Ça décoiffe !
Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.
Avec la pseudo classe :target et :not, on peut masquer du contenu tant qu'il n'est pas ciblé. Ça permet des animation du genre spoiler sans Javascript
Un jeu pour apprendre à faire des flexbox. Très instructif !
Apprenez FlexBox en jouant ! Notre score : 100% !
Semantic est un framework de développement qui permet de créer de beaux sites responsives tout en utilisant un code lisible et simple à comprendre.
Un tutoriel pour faire un menu sticky élégant et efficace.
D'autres astuces CSS peu connues.
Quelques trucs CSS pour aller plus loin
Des templates Bootstrap gratuits.
Comprendre comment fonctionnent les CSS3 des flexbox
De nouvelles possibilités en CSS3, en particulier, un effet de flou en dessous d'un élément semi-transparent.
// use CSS not() to only apply to the elements you want &:not(:last-child) { border-right: 1px solid #424242; }
Un outil en ligne pour faire des images à superposer à un fond pour atténuer la pixélisation. Fantastique !
On peut faire des trucs accessibles et extraordinaires sur des input en css3 !