10 alternative ușoare pentru bootstrap și fundație

Alegerea cadrului potrivit care se potrivește perfect proiectelor dvs. ar putea fi puțin copleșitoare - există o mulțime de a alege de la. Poate că doriți să mergeți cu alegeri populare cum ar fi Bootstrap sau Foundation, dar dacă site-ul dvs. va fi unul destul de simplu, nu veți avea nevoie de majoritatea blocurilor și materialelor inclus în pachetul implicit.

Vestea bună este că există o mulțime de alternative care sunt mult mai slabe decât Bootstrap sau Fundația. Cele mai multe dintre aceste cadre sunt livrate cu doar cantitatea potrivită de stiluri și componente pentru a vă ajuta să începeți, permițându-vă să vă extindeți în direcția dorită pentru proiectul dvs..

Aici sunt 10 alternative ușoare la Bootstrap și Foundation pentru care ar trebui să folosiți construirea unor site-uri web mai mici.

Mai multe despre Hongkiat.com:

Noțiuni de bază cu Twitter Bootstrap
Folosind Bootstrap 3 cu Sass
Instrumentul Bootstrap: Construiți dispozitivele HTML pentru Bootstrap
Lucrul cu pluginul Bootstrap: fereastră modală
Instrumentul Bootstrap: Construiți Megamenu cu YAMM3

1. Schelet

Scheletul a obținut în cele din urmă un facelift. Este o revigorare totală de la suprafață, dar totuși este încă la fel de ușoară ca atunci. Sistemul nou de rețea Skeleton adoptă acum filosofia mobilă, care asigură faptul că aspectul se află în centrul atenției, indiferent cât de mic este ecranul dispozitivului.

Toate componentele care au fost incluse în versiunea anterioară - butoane, formulare și elemente de intrare - sunt încă prezente, dar stilurile tipografice de bază sunt acum setate rem unitate.

2. CardinalCSS

CardinalCSS este un cadru CSS construit cu accent pe performanță, lizibilitate și, cel mai important, mentenabilitate. CardinalCSS adoptă câteva abordări moderne, cum ar fi mobilul-primul pentru modelarea rețelei; și CSS Box Model care vă permite să determinați cu ușurință lățimea și înălțimea elementului.

CardinalCSS vine, de asemenea, cu o mână de clase de ajutor care vă permit să aplicați rapid stiluri pe un element, de exemplu, drop-capac care aplică efectul drop-cap pentru primul caracter din paragraf.

3. ConciseCSS

ConciseCSS este un cadru CSS - fără bloat. Acesta este un cadru slab construit pe partea de sus a Sass, LESS, și Stylus, care deschide calea sa de aur la mentenanța CSS. Dar, dacă preferați CSS simplu de vanilie, puteți avea și asta.

În mod similar, ConciseCSS vine de asemenea cu stiluri de bază pentru elementele esențiale, cum ar fi titlurile, paragrafele, tabelele, formularele și un set de clase de ajutor pentru a crea butonul UI.

4. PowertoCSS

PowertoCSS este ușor și un cadru frontal solid. Numele de clase care sunt folosite pentru a construi grila și a aplica stilurile sunt simple și ușor de reținut, de ex. .buton. De asemenea, puteți adăuga propria temă. Mergeți la StarterKit pentru a începe.

5. Furtive

Furtive este un cadru CSS mobil mobil, construit în jurul standardelor web de vârf, cum ar fi utilizarea Flexbox pentru rețea și rem unitate pentru dimensionarea elementelor (inclusiv dimensiunea fontului). Furtive păstrează o mică amprentă CSS prin faptul că nu acceptă browsere mai vechi (* tuse * Internet Explorer), deoarece acestea necesită hacking CSS. Prin urmare, Furtive este un cadru perfect dacă proiectați un site web pentru viitor.

6. BassCSS

BassCSS oferă un set ușor de stiluri de elemente de bază, utilități, layout și stiluri de culoare, în formă modulară pentru a construi o aplicație web receptivă. Fișierele SCSS sunt incluse pentru a personaliza cu ușurință stilul. Puteți juca cu tipografie, spațiu alb, puncte de întrerupere și elemente UI.

7. Mueller

Mueller este un sistem modular grid reactiv construit pe partea de sus a Sass și Compass. Cu Mueller, puteți construi grila fie prin adăugarea de clase direct la elementele HTML, fie dacă preferați ca elementele dvs. HTML să fie clare și curate, utilizând grilă() funcţie. Rețeaua Mueller poate fi utilizată în tandem cu biblioteca Javascript Masonry pentru a crea un aspect asemănător cu Pinterest.

8. Tuktuk

Tuktuk este un nume foarte unic pentru un cadru. In comparatie cu Bootstrap sau Foundation, Tuktuk este mult mai usor, intrucat vine doar cu cantitatea potrivita de componente pentru a construi un site prezentabil, inclusiv pentru sistemul de grilă, stil de bază pentru tipografie, mese și câteva UI cum ar fi navbar și modals.

9. Baza

Baza este construită pe partea de sus a LESS și Sass și include doar cele mai importante componente de construire a site-urilor web: grilă și stilul de bază al elementelor HTML. Baza nu vine cu componente Javascript, dar oferă o compatibilitate excelentă a browser-ului atât de mult încât să funcționeze chiar și cu IE7.

10. Pâine prăjită

Ultima din lista noastră este Toast. Prin intermediul foii de stil SCSS este inclus în pachet, Toast vă permite să configurați cu ușurință numele clasei de rețea, jgheabul și chiar baza de coloană. De exemplu, dacă doriți ca grila să fie o coloană cu 9 colțuri în loc de 12, puteți face acest lucru. Toast este un cadru CSS minimal, cu configurații foarte flexibile, pentru a vă satisface cerințele.