LearnLayout

Outil par (Intégrateur du Dimanche, Strasbourg)
Créé le (16900 lectures)
Tags : positionnement

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

Chok71 a dit le

Excellent, merci !

LuciferX a dit le

Merci, je trouve ca très sympa et bien présenté ;)

Hayreon a dit le

Super tuto-site ! Vraiment dédié aux débutants avec une bonne piqure de rappel pour les autres ;) Merci et bravo !

Interned a dit le

http://www.css-101.org/ est un autre site tut..., en anglais cependant, assez bien fichu, peut-être pour des utilisateurs plus avancés ?

cheapsitebab a dit le

Super mini site,très accessible, le mode pas à pas est super. je vais le twitter !

erwan21a a dit le

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.

Olivier C a dit le

Bon travail!
Le lien vers Bootstrap est déjà périmé : place à Bootstrap 3!

7am a dit le

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...