Şabloanele CSS sunt biblioteci pre-create care sunt destinate să permită o stilizare mai uşoară şi mai standardizată a paginilor web folosind limbajul Cascading Style Sheets.
Lista şabloanelor CSS
960 grid system
Blueprint
Bluesky Grid system
Bootstrap
Cardinal
Cascade Framework
Cascade Framework Light
Chopstick
Columnal
Dismantle
Emastic
Floatz
Fluidable
Foundation
Gumby Framework
Ink
Jaidee Framework
Jeet Framework
KNACSS
Kube
Kule CSS Lazy
Malo
Pure
Responsive Grid System
RÖCSSTI
Schema UI / Built with LESS
Semantic UI
Skeleton
StackLayout
uikit
Unsemantic
YAML
Yet Another CSS Grid System
Grile YUI CSS
Zass (foloseşte preprocesarea Sass CSS)
Sisteme grilă
Nume | Ultima versiune/Data | Licenţa | Fix, fluid sau elastic | Unităţi (px,em,%) | Caracteristici | # de coloane |
---|---|---|---|---|---|---|
960 | 21 octombrie 2011 | GPL, MIT | fix | px | comandă sursă | 12, 16, 24 |
Blueprint | 1.0.1 (14 mai 2011) | MIT | tipografie, forme, imprimare. plugin-uri pentru butoane, tab-uri şi sprite | |||
Bluesky | 17 aprilie 2013 | Openpassorn v1.0 | responsiv | px,% | sistem grilă responsiv | 12 |
Bootstrap | 3.0.0 (19 august 2013) | Apache v2.0 | fix, fluid, responsiv | px,% | aspect, tipografie, forme, butoane, navigare, interogări media + mai multe, + fişiere .less + biblioteci js | 12 |
Cardinal Framework | 1.4 (8 noiembrie 2013) | MIT | fluid/responsiv | tipografie fluidă, sistem grilă responsiv, stil agnostic | ||
Cascade Framework Light | 1.1 (23 iulie 2013) | MIT | hibrid | px,% | grilă, aspect, tipografie, forme, butoane, interogări media + mai multe | Oricâte |
Chopstick | Continuu | MIT | hibrid | px,% | Sass (SCSS), semantică (dacă doreşti), responsiv, nesting, comandă sursă, configurabil cu variabile | Oricâte |
Columnal CSS | 0.85 | CC BY-SA 3.0 | fluid | lăţime max 1140px, coloane în % | responsiv, sub-coloane, clase pre- şi sufix, interogare media, imagibe responsivă | 12 |
Dismantle | 0.4 (9 decembrie 2013) | MIT | fix şi fluid | %, px | uşor de folosit, sistem grilă responsiv, nesting, interogări media | 12 |
Floatz | 1.1.2 (17 iulie 2012) | Apache v2.0 | fix şi fluid | % | robust, uşor de utilizat, pentru site-uri web bazate pe conţinut, precum şi pentru aplicaţii bogate şi aplicaţii web, aspect forme complexe, integrare opţională cu GWT | Oricâte |
Fluidable | 1.1.0 (08 septembrie 2013) | CC0 1.0 | fluid | % | sistem grilă responsivuşor, mobil în primul rând,
ightweight responsive grid system, mobile first, gutere fixe, oricâte coloane |
Oricâte |
Foundation Zurb | 4.x (2013) | MIT | fluid | px,% | aspect responsiv, comandă sursă, tipografie, forme, butoane, navigare, intergogări media, biblioteci js | 12 |
Gumby Framework | (2.5) Octombrie 2013 | MIT | fluid | %, px | respobsiv, interogări media, şablon PSD grilă hibrid, kit UI, forme tipografie, butoane, navigare, biblioteci js, aliniere verticală | 12, 16 + Oricâte |
Jaidee Framework | (3.7) Octombrie, 2013 | Openpassorn v1.0 | fluid | px, % | şablon CSS uşor cu aspect CSS responsiv, sistem grilă, tipografie, forme, butoane, navigare, interogări media, biblioteci js, slideshow, tab js, popup modal responsiv | 4,6,12 |
Jeet Framework | (3) Octombrie, 2013 | MIT | fluid | %, px, em | un şablon CSS/stil uşor, semantic, responsiv, realizat din cele mai bune componente, IE8+, coloane fracţionale, dimensionat consistent, nesting infinit gutere | Oricâte |
Pure | BSD | |||||
RÖCSSTI | August 15, 2013 | CC-BY | fix, elastic, fluid, responsiv | px, em, % | aspect, tipografie, forme, interogări media, , + fişiere .less + fişiere .scss | Oricâte |
Semantic | 1.2 (11 ianuarie 2012) | Apache v2.0 | px, % | responsiv | ||
Ink | V2 (Iunie 2013) | MIT | elastic | px, em, % | responsiv, grilă pe bază de procentaj (pentru trei ecrane, extensibile la mai multe), tipografie, forme, tavele, fonturi Awesome, navigare, alerte, include propria bibliotecă js cu mai multe componente UI gata de a fi folosite | Oricâte, procentaj |
skeleton | V1.2 (20/6/2012) | MIT | responsiv | grilă responsivă spre mobil, rapid la start, stil agnostic, grila de bază este o variaţie a sistemului grilă 960 | 12 | |
YAML | 4.0.1 (12 martie 2012) | CC-BY 2.0 | fix, elastic, fluid | px, em, % | aspect, grile, coloane, forme, butoane, linearizare responsivă pentru aspecte responsive, flotant, bavigare, tipografie, accesibilitate, componente suplimentare (taburi accesibile, suport rtl, microformate) | Oricâte |
Yet Another CSS Grid System | 1.0 | domeniu public | fluid, responsiv | un sistem grilă CSS responsiv foarte mic şi uşor de folosit, nu este nevoie de javascript | 6 | |
YUI CSS | 3.5.1 | BSD-3 | fix şi fluid | |||
Zass | 1.0 (24 ianuarie 2012) | LGPL | fluid | % | semantic (nu încarcă HTML cu clase), curat (fără modificări CSS şi nici margini negative), oricâte coloane, nesting infinit de coloane | Oricâte |
KNACSS | 2.6 (Iulie 2013) | CC-BY | fix, elastic, fluid, responsiv | px, em, rem, % | refacere CSS, clase refolosibile, cele mai bune practici şi convenţii, snipeturi CSS, modele de poziţionare, poziţionare avansată (FlexBox), suport browser foarte bun, grile şi gutere, design web responsiv, clase tabele, clase forme, versiune LESS, versiune Sass | Oricâte |
Generatoare de grile
Nume | Sisteme grilă suportate |
---|---|
gridsystemgenerator.com | 960.gs, golden grid, 1kb grid, simple grid |
Lasă un răspuns