Alternatives légers pour amorcer et Fondation

0

Choisir le bon cadre qui est la solution idéale pour vos projets pourrait être un peu écrasante – il y a beaucoup à choisir. Peut-être, vous voulez aller avec des choix populaires comme Bootstrap ou Fondation, mais si votre site va être assez simple, vous n’aurez pas besoin la plupart des blocs de construction et des matériaux inclus dans le package par défaut.

Les bonnes nouvelles sont qu’il y a une poignée de solutions de rechange qui sont beaucoup plus maigre que Bootstrap ou Fondation. La plupart de ces cadres sont livrés avec juste la bonne quantité de styles et de composants pour vous aider à démarrer, tout en vous permettant d’être en mesure de les étendre dans la direction que vous voulez pour votre projet.

Voici 10 alternatives légères à bootstrap et de la Fondation que vous devez utiliser pour la construction de sites de plus petite envergure.

1. Skeleton

Skeleton a enfin obtenu un lifting. C’est une refonte totale de la terre vers le haut, et pourtant il est toujours aussi légère que l’habitude d’être. Le nouveau système de grille Skeleton adopte désormais mobiles et unième philosophie, qui assure que la mise en page est au centre indépendamment de leur taille de l’écran de l’appareil est.

Tous les composants qui ont été inclus dans la version antérieure – boutons, formes et éléments d’entrée – sont encore présents, mais de base styles de typographie sont désormais fixés dans l’unité de rem.

 

 

 

 

 

 

2. CardinalCSS

CardinalCSS est un framework CSS construit avec un accent sur la performance, la lisibilité et surtout maintenabilité. CardinalCSS adopte des approches modernes comme la téléphonie mobile et unième pour façonner jusqu’à la grille; et modèle de boîte CSS qui vous permet de déterminer facilement la largeur et la hauteur de l’élément.

CardinalCSS est également livré avec une poignée de classes d’aides qui vous permettent d’appliquer rapidement des styles sur un élément, par exemple, la lettrine qui applique l’effet lettrine pour le premier caractère du paragraphe.

 

 

 

 

 

 

 

3. ConciseCSS

ConciseCSS est un framework CSS – sans le ballonnement. C’est un cadre maigre construit au sommet d’Sass, MOINS et Stylus qui ouvre son chemin en or de CSS maintenabilité. Mais, si vous préférez simple plaine CSS de vanille, vous pouvez avoir aussi.

De même, ConciseCSS est également livré avec des styles de base pour les éléments essentiels tels que les titres, paragraphes, tableaux, formulaires, et un ensemble de classe aides pour créer l’interface utilisateur touche.

 

 

 

 

 

 

 

 

4. PowertoCSS

PowertoCSS est léger et un cadre de frontend solide. Les noms de classes qui sont utilisés pour construire la grille et appliquer des styles sont simples et faciles à retenir, par exemple .button. Vous pouvez également ajouter votre propre thème. Rendez-vous sur leur StarterKit pour commencer.

 

 

 

 

 

 

 

5. Furtive

Furtive est un framework CSS mobile d’abord construit autour des standards du Web de pointe comme l’utilisation de Flexbox pour l’unité de la grille et rem pour les éléments de dimensionnement (y compris la taille). Furtive conserve une petite empreinte de CSS en ne soutenant pas les anciens navigateurs (* tousse * Internet Explorer) qui nécessitent un certain piratage CSS. Ainsi Furtive est un cadre parfait si vous concevez un site Web pour l’avenir.

 

 

 

 

 

 

 

 

6. BassCSS

BassCSS offre un ensemble léger de styles d’éléments de base, les services publics, la mise en page et de styles de couleurs, sous forme modulaire pour buildilng une application web sensibles. Les fichiers SCSS sont inclus pour personnaliser le style facilement. Vous pouvez jouer avec la typographie, l’espace blanc, les points d’arrêt, et des éléments de l’interface utilisateur.

 

 

 

 

 

 

 

7. Mueller

Mueller est un système de grille sensibles modulaire construit au sommet d’Sass et Compass. Avec Mueller, vous pouvez construire la grille soit par l’ajout de classes directement aux éléments HTML, ou si vous préférez vos éléments HTML d’être soigné et propre, en utilisant la fonction grille (). Mueller grille peut être utilisé en tandem avec la bibliothèque Maçonnerie Javascript pour créer une mise en page Pinterest-like.

 

 

 

 

 

 

 

8. Tuktuk

Tuktuk est un nom très unique pour un cadre. Comparé à bootstrap ou Fondation, Tuktuk est beaucoup plus léger car il vient seulement avec juste la bonne quantité de composants pour construire un site présentable y compris pour le système de grille, le style de base pour la typographie, des tables, et un couple de l’interface utilisateur comme barre de navigation et modaux.

 

 

 

 

 

 

 

9. Base

Base est construite sur MOINS et Sass, et il ne comprend que le plus essentiel de composants pour construire des sites Web: la grille et le style de base des éléments HTML. Base ne vient pas avec des composants Javascript, mais il offre une compatibilité grand navigateur si bien que cela fonctionne même avec IE7.

 

 

 

 

 

 

 

10. Toast

La dernière de notre liste est Toast. Grâce à la feuille de style SCSS est inclus dans le package, Toast vous permet de configurer facilement les noms de classe de la grille, la gouttière, et même la colonne de la base. Par exemple, si vous voulez la grille pour être une colonne au lieu de 12 9-base, vous pouvez le faire. Toast est un framework CSS minimale avec des configurations très souples traiteur pour répondre à vos exigences.

 

 

 

 

 

 

 

source: http://www.hongkiat.com

Share.

About Author

Comments are closed.