"""
Oh, sympa, les astuces pour supprimer des éléments d’une page en HTML.

J’aime particulièrement celle-ci : http://jsbin.com/ezUnIFu/10/edit?html,css,js,output

Ce que ça fait, c’est que ça ajoute une classe CSS au nœud HTML à supprimer. Le CSS contient une animation. En JS on détecte l’événement "animationend" (avec les event-listeners) qui correspond à la fin de l’animation.
À la fin de l’animation, on supprime le nœud.

Ça éviter de voir le nœud se supprimer sans aucune transition. C’est remarquable.
"""
(Le Hollandais Volant)

Une référence CSS.

Dictionnaire visuel des propriétés CSS.

Les concepts de CSS expliqués :
- Ordre de priorité des sélecteurs ;
- Interprétation des valeurs ;
- Box model (largeur et hauteur des éléments) ;
- Calcul de la largeur d'un élément ;
- Containing block (sur quoi se base un élément pour déterminer visuellement "dans quoi" il s'affiche) ;
- Valeurs de display, interactions avec float et position ;
- Block Formatting Context (l'agencement des éléments au sein d'un autre élément) ;
- Propriété clear ;
- Fusion des marges ;
- Empilement (z-index) ;
- Ordre d'affichage.

Ca ressemble à une mini-bible expliquant clairement le pourquoi du comment. A garder à portée !

Tutoriels, articles et démo sur CSS (surtout des effets sur les menus)

"""
Les tableaux sont assez chiants à présenter sur un petit écran : les cellules étant en fait souvent bien trop petits pour en mettre 4 ou 5 côte à côte.

Voici une astuce CSS pour linéariser un tableau à une seule entrée :
– table, tbody { display: block; }
– tr { display: table; }
– td { display: table-row; }

Exemple ici : http://lehollandaisvolant.net/tout/examples/responsive-table.html
Capture : http://lehollandaisvolant.net/img/responsive-tables.png
(redimensionnez la fenêtre sous les 500 pixels)
"""

"""
Masquer la flèche sur les < select > en CSS :

select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}

(marche sur Fx et Chrome. Pas IE)
"""

(il s'agit de la flèche qui fait apparaître la liste de sélection sous le champ)

"""Gérer la transparence CSS de manière la plus universelle possible pour les différents navigateurs:
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }"""
(Sebsauvage)
http://css-tricks.com/css-transparency-settings-for-all-broswers/

Wow... ce site permet de savoir quel navigateur supporte quel concept en CSS, HTML, JS, SVG, et diverses autres choses. A garder !

En sus (Le Hollandais Volant) :

"""
Astuces perso :
– augmentez la line-height et un peu la taille de police.

Faites aussi en sorte que le CSS tienne compte du facteur de zoom du mobile (qui dépend de la densité de pixel sur l’écran : ~100 sur un ordi, mais ~300 sur mobile ! Si rien n’est fait, alors le texte sera trois fois plus petit sur mobile.
"""