• A la une
  • Catégories
  • Dossiers
  • Rédacteurs
  • +

9 frameworks front end en CSS, SASS et LESS

par Benjamin SANCHEZle 12/02/2013

Aujourd'hui sur le Blog Du Webdesign, découvrez une sélection de 9 frameworks front-end.

Sass

Foundation

Foundation est sans aucun doute le plus gros Framework front end Sass. A mon goût mieux que Bootstrap, il fournit tout ce dont vous avez besoins : Slide, galerie d'images, formulaires, modals, ...

Il est important de noter la possibilité de faire un HTML sémantique, grâces a des mixins qui vont promouvoir vos classes aux rangs des rows et columns que l'on a l'habitude de voir.

Cool kitten

Cool kitten est un framework responsive pour faire du parallaxe. Il fournit en outre un minimum syndical de bonne qualité.

Inuit

Inuit est un framework Sass basé sur la philosophie OOCSS, c'est a dire Object-Oriented CSS. Sans conteste le framework Sass le plus centré sur les conventions de codage.

Blueprint

Blueprint, peut être le premier "vrais" framework CSS. Fournis encore des mixins très utiles.

Stitch

Stitch est une bibliothèque de mixins et classes pour Compass géré par la communauté. Ce n'est pas réellement un framework en tant que tel, mais il en possède une communauté tout de même.

Less

Bootstrap

Bootstrap est peut-être le plus connu des frameworks front-end. Il permet de créer un site très vite, au prix d'un rendu "bootstrap", justement. Il fournit tout ce dont un intégrateur pourrait avoir besoin en matière de CSS, mais aussi de JS. Il a l'avantage d'être très soutenu par la communauté Less, ce qui explique son grand nombre de ressources, ainsi que le peu de framwork en less.

Less framework

Un framework très simple, qui fournit les bases (grille, ... ) sans crouler sous les fonctions inutiles.

 

CSS uniquement

grumby

Un framework CSS léger contruit sur une grille modulable.

Maxmertkit

Un framework aux classes bien construites, très implicite. La manière de tester le framework au drag'n drop sur le site est très sympa.

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte

6Commentaires

  • Avatar_thumb
    Syndrael

    le 12/02/2013 | #1

    Blueprint fait du SASS ? Pas à ma connaissance..
    S.

  • Avatar_thumb
    Julien

    le 07/09/2013 | #2

    Avec Sass, il y a Bourbon (http://bourbon.io/) et son petit frère Neat (http://neat.bourbon.io/) qui permettent d'améliorer SASS en fournissant des mixins de base pour la typographie, les boutons ou les grilles...
    Pour ma part, je les utilise conjointement avec SiteFlow sur mac (http://siteflow.witiz.com/), un vrai régal pour ma productivité !

  • Avatar_thumb
    madvic

    le 09/11/2013 | #3

    Il existe aussi : Pure http://purecss.io/

  • Avatar_thumb
    Francis

    le 10/12/2013 | #4

    Merci bcp pour cet article ! Très utile... J'ai choisi CoolKitten et Foundation. D'ailleurs petite question, on peut mixer deux frameworks ?

  • Avatar_thumb
    Sebastien

    le 13/12/2013 | #5

    Qu'est ce que vient faire blueprint dans cette selection ?
    Il est était très bien mais il date de 2011 !

  • Avatar_thumb
    Benjamin SANCHEZ

    le 14/12/2013 | #6

    @Francis : Certains frameworks peuvent s'associer, mais je conseillerais tout de même de se concentrer sur un seul par projet (surtout que Foundation est très complet et ne tirerait pas grand chôse de CoolKitten)

    @Sebastien : En tout début d'année 2013, il fournissait encore des mixins introuvable ailleurs. Ce manque a été réglé depuis et il est désormet désuet face à Foundation, mais vu que l'article a été fait en début d'année....

Ecrire un commentaire

captcha

Ouvrir