Pour rebondir sur les préfixes CSS (http://sebsauvage.net/links/?58hzog), Léo M. me signale cette petite lib javascript qui permet de s'en affranchir: Utilisez uniquement les CSS non-préfixés, et la lib se charge de l'adapter aux différents navigateurs.

Plein de frameworks/boilterplates js/CSS/HTML pour faire du responsive.

Une petite lib de présentation utilisant les transitions CSS, pour éviter de recourir aux slides chiantes genre PowerPoint.
(Utilisez flèche droite pour voir la suite)

Cool ! Merci Timo.
Par contre vue les sélecteurs CSS utilisés, à mon avis ça ne marche pas sous IE, mais bon qui utilise encore ce truc ?

Plein de plugins et code snippets HTML/CSS (via http://liens.howtommy.net )

Woua... c'est pas mal ça, pour faire un bon arrangement sans avoir à abuser des "float" (Très pratique, en particulier, que les box s'étendent jusqu'en bas).
http://demo.agektmr.com/flexbox/
http://flexiejs.com/playground/

Intéressant.
EDIT: Voir aussi: http://www.alsacreations.com/article/lire/1209-display-inline-block.html (merci à Marien F. pour le lien)

Quelques expérimentations CSS3/webGL amusantes.

Divers tutos CSS3 avec pas mal de choses sympa (via Le Hollandais Volant)

sebsauvage ♥ les colonnes CSS3. C'est trop beau. J'en aurais presque l'œil mouillé.
column-count ou column-width, choisissez votre arme.
Quand je pense comment tout le monde s'est fait chier pendant des années avec divers bricolages merdique...

Et ça marche avec le moteur Gecko (Firefox), Webkit (Safari/Chrome) et Presto (Opera). Pour IE, il vous faudra la version 10 minimum. Meh.  Die IE, die !

Haha... bidouillage CSS pour vous inciter à cliquer sur un bouton "J'aime" facebook ou "Follow" twitter à votre insu. L'astuce est de placer un élément HTML avec en CSS "pointer-events:none;" par dessus le bouton "J'aime". Lors d'un clic, l'élément ignorera le clic et le passera à celui qui se trouve en dessous de lui (c'est à dire le bouton "J'aime" ).
Ou comment se faire plein de followers avec de simples liens "Page suivante...".

Ben alors ? Même pas une mention de notre Glazou qui a soulevé le problème ? (cf.http://sebsauvage.net/rhaa/index.php?2012/02/09/12/07/25-le-web-ouvert-est-menace)

Arg... des tonnes de liens pour les webmasters.

Un tout petit éditeur HTML en ligne. Permet de voir le résultat en temps réel. Voir aussi:
- http://jsfiddle.net/
- http://cssdesk.com/
etc.

Je suis d'accord avec lui: il ne faut pas interdire le zoom !

Un outils en ligne pour faire des dégradés CSS3. Supporte toutes les extensions CSS propriétaires (-moz, -o, -ms, -webkit...) (via journaldunet.com)

Woao... du pageflip sans Flash. Pas mal ! (même si ça rame). (via http://blog.idleman.fr/)

Tiens ça peut être utile. http://bearcss.com/

Quelques liens pour adapter une page et une feuille de style aux mobiles:
http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript
http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/

Déjà, la ligne suivante permet immédiatement d'avoir quelque chose de lisible:
<meta name="viewport" content="width=device-width,initial-scale=1.0" />

Après il y a encore divers coups de tournevis à donner.

Doc en ligne toute intégrée HTML/CSS/Javascript/DOM/jQuery/php. Bien pratique. (via http://aldarone.fr/des-documentations-completes-a-portee-de-clics/)

La différence entre display:none et visibility:hidden en CSS. Évident mais important.

Quelques propriétés CSS interessantes. Décidément on en a toujours à apprendre avec les CSS.

Un petit outils en ligne rapide pour éditer son text-shadow CSS facilement et voir ce que ça donne. Ensuite il n'y a plus qu'à copier-coller le text-shadow. (Marche dans tous les navigateurs, sauf cette bouse de IE évidemment.)

Pas mal d'astuces php.

C'est vrai ! D'ailleurs j'ai essayé de faire une print stylesheet correcte pour ma page "rrhaaa". (Notez l'URL de l'article en bas de page qui n'apparaît qu'à l'impression).