LearnLayout est un mini-site d'apprentissage dédié au positionnement en CSS.
Parfaitement adapté aux débutants (display, modèle de boîte, float, position, inline-block), le tutoriel n'exclut pas les intégrateurs chevronnés puisqu'il aborde des sujets avancés tels que clearfix, box-sizing, media queries, multicolonnes, flexbox et les frameworks CSS.
Commentaires
Excellent, merci !
Merci, je trouve ca très sympa et bien présenté ;)
Super tuto-site ! Vraiment dédié aux débutants avec une bonne piqure de rappel pour les autres ;) Merci et bravo !
http://www.css-101.org/ est un autre site tut..., en anglais cependant, assez bien fichu, peut-être pour des utilisateurs plus avancés ?
Super mini site,très accessible, le mode pas à pas est super. je vais le twitter !
Amusant de voir un site dédié au positionnement CSS avoir un problème de... positionnement CSS. :D
-> Lorsqu'on rétrécie le viewport en largeur, les boutons "précédent" et "suivant" du tuto finissent par se chevaucher.
Ce qui est d'autant plus marrant, c'est que le problème apparaît pour la première fois en page 2, qui évoque... les display ! ^^
Solutions à ce problème :
- display inline : c'est moche mais ça fonctionne.
- display inline-block + overflow hidden : parfois contraignant mais ça fonctionne.
Bon travail!
Le lien vers Bootstrap est déjà périmé : place à Bootstrap 3!
Il manque juste une partie sur les mises en page basées sur des valeurs tabulaires de la propriété display : http://www.alsacreations.com/tuto/lire/610-Mi...