Probablement, vous n ‘ t ont besoin de la plupart des fonctionnalités qui viennent avec larges infrastructures d’interface utilisateur tels que Bootstrap, surtout quand vous ‘ re travaillant sur les petites, simples projets que vous venez veulent obtenir en marche dès que possible. Heureusement, il y a plus petits, plus simples CSS cadres là-bas que vous pouvez utiliser à la place.

À l’aide d’un petit “framework” CSS généralement se traduit par une courbe d’apprentissage plus douce pour les développeurs, pas de dépendance sur JavaScript pour une fonctionnalité et de temps pour vos utilisateurs de chargement plus rapide.

J’ai créé la liste excellente année des frameworks CSS petit/minimaliste pour vous d’explorer. La plupart d’entre eux font moins de 5 Ko (quand minimisé et gzippé) et contiennent les ingrédients essentiels pour la création de designs web sensible.

min

min

min, le plus petit cadre CSS sur cette liste, a un système de grille de 12 colonnes qui répond, bouton styles, styles de tableau, icônes compatible Android et plus encore. même médias anciens navigateurs comme Internet Explorer 5.5 min.

Milligramme

Milligram

Milligramme est pour les interfaces utilisateur moderne – son système de grille utilise FlexBox, tailles et longueurs utilisent l’unité de rem, et c’est le premier Mobile. Être à la fine pointe vient à un coût : milligramme qu’officiellement prend en charge les dernières versions de Chrome, Firefox, IE, Safari et Opera.

CSS blaze

Blaze CSS

Out of the box, Blaze CSS est déjà léger, mais vous pouvez réduire la taille du fichier encore plus grâce à son architecture modulaire qui vous permet d’inclure uniquement les parties que vous voulez utiliser dans votre projet. (Lire les instructions pour la création d’un CSS personnalisé Blaze construire pour plus d’informations).

KUBE

Kube

KUBE a du punch pour un framework CSS qui pèse moins de 6 KB. Il dispose d’un système de grille réactive, un robuste ensemble de classes pour les Styling vos formulaires web, plusieurs classes de table, des classes de notification pour l’affichage des messages importants à vos utilisateurs et plus encore.

Pure

Pure

Pure, un projet open source conduit par les développeurs de Yahoo!, est une suite de modules CSS qui vous aideront rapidement construire responsive web designs. Pure a des styles de base pour tous les éléments HTML (mis au point sur le dessus de François Hollande) et des modules pour les mises en page de grille, les formulaires web, boutons, tables et menus de navigation.

Stealth

Furtive

Appel à lui-même un « micro-framework CSS », stealth est orientée vers designs web moderne. Comme milligramme, stealth est le premier Mobile, dispose d’une grille réactive basée sur FlexBox et utilise le rem Unit pour longueurs et diamètres. Il a les bases couverts : boutons, formes et classes de couleur de même par défaut.

Squelette

Skeleton

Bien qu’il n’a pas été mis à jour en plus d’un an, squelette est encore un point départ haut de gamme/réutilisable pour créer rapidement des conceptions web moderne et réactive. Il est livré avec le système de quadrillage an intuitive et styles de base pour vos éléments HTML.

FOX CSS

FOX CSS

CSS de FOX est un framework CSS léger et modulaire. Il utilise l’approche de la conception du premier Mobile, navigateurs de médias aussi vieux que IE 9 et a un reset CSS non agressifs (inspiré par KNACSS).

Basscss

Basscss

Basscss est composé de 22 modules consistant en un système de quadrillage, CSS CSS reset, classes utilitaires, classes de couleur pour vous aider à construire vos conceptions réactives et bien plus encore. Basscss est étonnamment riche en fonctionnalités pour quelque chose qui pèse moins de 4 Ko.

Siimple

Siimple

Karen est un framework CSS minimaliste pour la création de designs web réactif, propre. Il est similaire au squelette : il a an intuitive grille 12 colonnes système et base de styles pour la typographie, des tables, des boutons, des formes et plus.

Lotus

Lotus

Lotus est l’un des plus petits cadres CSS là-bas. Il a obtenu l’essentiel couvertes : une grille de système réactif, typographie, boutons et web forms.

Pique-nique CSS

Picnic CSS

Pique-nique CSS est une infrastructure d’interface utilisateur léger écrite en Sass, rend plus facile pour vous de modifier et personnaliser variable tels que couleurs et longueurs. Il a également quelques composants d’interface utilisateur purement CSS impressionnants, comme une fenêtre modale et un curseur contenu.

Tableau récapitulatif

Le tableau suivant contient des informations utiles sur les cadres CSS en vedette dans cette liste.

Name Size* Docs License GitHub Repo Popularity **
min 1.02 KB Docs MIT Repo 685
Milligram 4.05 KB Docs MIT Repo 3,000
BlazeCSS 5.71 KB Docs MIT Repo 7
Kube 5.94 KB Docs MIT Repo (outdated) 538
Pure 4.0 KB Docs BSD Repo 13,373
Furtive 2.37 KB Docs MIT Repo 369
Skeleton 1.57 KB Docs MIT Repo 10,884
FOX CSS 2.46 KB Docs Unknown Repo 87
Basscss 3.49 KB Docs MIT Repo 2,597
Siimple 5.56 KB Docs MIT Repo 14
Lotus 1.80 KB Docs MIT Repo 14
Picnic CSS 2.32 KB Docs MIT Repo 932

* Taille est la taille de fichier du fichier CSS compressée et compressé. Les valeurs de taille provenaient mes tests indépendants prêts pour la production et la distribution de chaque cadre de styles CSS.

* Popularité est le nombre d’utilisateurs qui sont suivi de code source du cadre CSS sur GitHub. Cette valeur est mesurée par le nombre d’étoiles, le projet avait à l’époque ce billet a été publié. Une valeur plus élevée signifie que le projet est plus populaire.

Lire ensuite

7 outils vous devriez utiliser CSS

5 CSS bibliothèques d’effets pour vos conceptions de suralimentation

Développement CSS sur les sites Web à grande échelle

Le poste 12 petites CSS Frameworks pour utilisation dans votre Web Designs est apparue sur Six révisions.

Leave a Reply

Your email address will not be published. Required fields are marked *