Bootstrap — Un CSS pour une mise en page simple et rapide

[Sephi-Chan]

Il y a quelques jours, les développeurs de chez Twitter ont publié Bootstrap, un framework CSS pour créer simplement une mise en page bien organisée et agréable à l'œil.

Ce type de framework CSS permet d'avoir des styles de base utilisable directement, pas des titres beaucoup trop gros, des listes beaucoup trop indentées, etc. D'avoir des typographies utiles, etc.

• Il fournit notamment une grille CSS, qui permet d'organiser le contenu en colonne très facilement et de manière très homogène, donc agréable à l'œil.
  
• Pas mal de styles pour faire de jolis formulaires, avec des aides et la mise en page des erreurs, des techniques pour placer les éléments les uns à côté des autres.
  
• Il y a aussi le nécessaire pour afficher des liens sous forme de beaux boutons.
  
• Les barres de navigation affichées en haut de la page.
  
• Des messages d'alerte/erreur/notifications.
  
• De jolies fenêtres de dialogue et infobulles.
  

Bref, à voir !

[niahoo]

Ah merci, celui-ci a l'air vraiment sympa, après plusieurs autres qui ne m'ont pas vraiment plu.

---

C'est vraiment complet en plus.

Que penses-tu de la compilation less à la volée ? Est-ce que le navigateur peut mettre le résultat en cache ?

[Ter Rowan]

merci pour le lien, très intéressant

plus flippant, j'ai regardé le css, y a un bon quart des mots clés que je ne connais pas

hahaha, bien barré moi, heureusementque je tiens ma stratégie de développement en couche :

d'abord le code métier
ensuite, la base de données
enfin, la couche présentation

vu que je vais mettre 10 ans à finir mon code métier, avec un peu de bol, le css sera abandonné d'ici là :p

[Sephi-Chan]

Que penses-tu de la compilation less à la volée ? Est-ce que le navigateur peut mettre le résultat en cache ?

Je ne peux pas te dire : je n'utilise pas Less mais l'asset pipeline de Rails, qui me permet d'avoir plein de fichiers SCSS qui sont compilées et réunies en un seul fichier.

plus flippant, j'ai regardé le css, y a un bon quart des mots clés que je ne connais pas

Lesquels ? :o

[Ter Rowan]

plus flippant, j'ai regardé le css, y a un bon quart des mots clés que je ne connais pas

Lesquels ? :o

par exemple :

blockquote:before,
blockquote:after {
content: "";
}

-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

je connaissais pas ces trucs là, mais bon, ça fait un bout de temps que je n'ai pas fait de css (et encore à l'époque qu'en amateur grâce à Alsacréation)

[Argorate]

je ne connaissais pas le content: également, ça peut être utile!

[Sephi-Chan]

C'est spécifique aux pseudo éléments before et after.

[niahoo]

Bootstrap utilise less ( http://lesscss.org/ ) et j'aimerais inclure les fichiers .less à mon projet pour les compiler dans le build.
Seulement j'ai un doute : le seul compiler que je trouve est une gem ruby et pas un package node sur ubuntu.

[Dexyne]

Moi avec cakephp j'utilise juste un script .js qui je crois fait le boulot pour le .less (du moins j'ai copier tous les .css et un less.js après y'avait d'autres scripts mais pas sur que ce soit pour less).

Mais c'est pas spécifique à cakephp c'est fourni avec le bootstrap (après j'ai pas essayé avec autre chose que cakephp mais ça ne devrait pas poser de soucis je pense).

[Sephi-Chan]

Oui mais ça c'est less.js, ça permet de compiler les règles Less en CSS. Niahoo cherche un outil pour générer des fichiers CSS statiques à partir des fichiers Less.

De mon côté j'ai bien l'exécutable less mais je ne sais pas d'où il vient, je ne le vois ni dans mon gem list, ni dans le npm list.