Un framework CSS basé text-align: justify; pour faire des colonnes espacées de manière régulières.
Générateur de box avec de (superbes) ombres en CSS3
Les CSS, ça permet aussi de faire des animations du fond d'une page
The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
Un générateur de templates pour des framework répandus.
Flexbox, une solution CSS3 élégante pour réorganiser le contenu d'une page avec beaucoup de précision et de liberté.
Concevoir un site web dans Photoshop, quelle drôle d'idée ! Comment avons-nous pu nous mentir à ce point pendant des années ? Heureusement le besoin grandissant de devoir afficher les sites web sur différents supports pousse à la conception dans le navigateur web. Retour d'expérience sur un processus qui pourrait devenir la norme dans les années à venir.
Un framework RWD minimaliste
Des ressources HTML5/CSS3
Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n'est pas si évidente techniquement, contrairement à ce que l'on pourrait croire de prime abord.
Des bouts de code CSS3 pour faire des éléments assez standards
Un SDK pour créer des applications multi plateformes
On peut faire des animations de folie avec les CSS3
Toutefois, prudence : comme avec toutes les nouvelles technologies du web, juste parce que vous pouvez le faire ne signifie pas que vous devez le faire. Mais d'après moi, les filtres CSS marquent un pas définitif vers la séparation du contenu et de la présentation. Et rien que pour ça, ça vaut le coup d'être un peu enthousiaste.
Générateur de CSS3 pour faire des coins arrondis cross browser
Pour tester les effets de variation vitesse que l'on peut appliquer à un déplacement en CSS3
Un menu avec un effet semi opaque.
Regarder à partir de quel endroit le design devient bancal pour, à cet endroit-là, introduire un point de rupture — et hop, une media query.
@font-face{ font-family : "maFonte"; src : url('maFonte.eot'); / Pour IE9 Compat mode / src : url('maFonte.eot?') format('eot), url('maFonte.woff') format('woff'), url('maFonte.svg#abcd') format('svg'), url('maFonte.ttf') format('truetype'); }
html { margin:0; padding:0; background: url(image/bg.jpg) no-repeat center center fixed; background-size: cover; } Avec un tutoriel expliquant plus en détails cette technique (entre autres) : Créer un arrière-plan extensible intelligent