10 vieglas alternatīvas Bootstrap & Foundation
Izvēloties pareizo sistēmu, kas ir ideāli piemērota jūsu projektiem, varētu būt mazliet milzīgs - tur ir daudz ko izvēlēties. Varbūt jūs vēlaties iet ar populārām izvēlēm, piemēram, Bootstrap vai Foundation, bet, ja jūsu tīmekļa vietne būs diezgan vienkārša, jums nebūs vajadzīgas lielākās daļas celtniecības bloku un materiālu iekļauti noklusējuma paketē.
Labā ziņa ir tā, ka ir dažas alternatīvas, kas ir daudz vieglākas nekā Bootstrap vai Foundation. Lielākā daļa no šīm sistēmām ir aprīkotas ar tikai pareizais stilu un komponentu daudzums lai palīdzētu jums sākt darbu, vienlaikus ļaujot jums paplašināt tās virzienā, ko vēlaties savam projektam.
Šeit ir 10 vieglās alternatīvas Bootstrap un Foundation jums ir jāizmanto veidojot mazākas mājas lapas.
Vairāk par Hongkiat.com:
- Darba sākšana ar čivināt Bootstrap
- Bootstrap 3 izmantošana ar Sass
- Bootstrap rīks: HTML sāknēšanas plāna izkārtojumu izveide
- Darbs ar bootstrap spraudni: Modāla logs
- Bootstrap rīks: veidojiet Megamenu ar YAMM3
1. Skelets
Skelets beidzot ir ieguvis sejas ātrumu. Tas ir pilnīgs atjaunojums no zemes uz augšu, un tomēr tas joprojām ir tik viegls kā agrāk. Jaunā Skeleton režģa sistēma tagad pieņem mobilā pirmā filosofija, kas nodrošina, ka izkārtojums tiek uzņemts centrā, neatkarīgi no tā, cik mazs ir ierīces ekrāns..
Visi komponenti, kas bija iekļauti iepriekšējā versijā - pogas, veidlapas un ievades elementi - joprojām ir klāt, bet galvenie tipogrāfijas stili tagad ir iestatīti rem
vienību.
2. CardinalCSS
CardinalCSS ir CSS sistēma, kas veidota, koncentrējoties uz veiktspēju, lasāmību un vissvarīgāk uzturamību. CardinalCSS pieņem dažas modernas pieejas, piemēram, mobilās, pirmkārt, režģa veidošanai; un CSS Box Model, kas ļauj viegli noteikt elementa platumu un augstumu.
CardinalCSS nāk arī ar dažām palīgu klasēm, kas ļauj ātri piemērot stilu uz elementa, piemēram, piliens
kas lieto kritiena ierobežojuma efektu pirmajā rindkopā.
3. ConciseCSS
ConciseCSS ir CSS sistēma - bez uzpūšanās. Tā ir liesa sistēma, kas uzbūvēta uz Sass, LESS un Stylus virsmas, kas paver tās zelta ceļu uz CSS uzturēšanu. Bet, ja vēlaties vienkāršu vienkāršu vaniļas CSS, jūs varat to darīt arī.
Līdzīgi, ConciseCSS nāk arī ar pamata stiliem tādiem būtiskiem elementiem kā virsraksti, rindkopas, tabulas, veidlapas un palīgu klases kopums, lai izveidotu pogas UI.
4. PowertoCSS
PowertoCSS ir viegls un stabils frontends. Klases nosaukumi, ko izmanto, lai izveidotu režģi un piemērotu stilus, ir vienkārši un viegli atcerami, piem. .poga
. Varat arī pievienot savu tēmu. Lai sāktu darbu, dodieties uz StarterKit.
5. Furtīvs
Furtive ir mobilā pirmā CSS sistēma, kas veidota, izmantojot modernos tīmekļa standartus, piemēram, Flexbox izmantošanu tīklam un rem
vienību lieluma elementiem (ieskaitot fontu lielumu). Furtive saglabā nelielu CSS nospiedumu, neatbalstot vecākus pārlūkus (* klepus * Internet Explorer), jo tiem ir nepieciešama CSS hacking. Tādējādi Furtive ir ideāls pamats, ja izstrādājat tīmekļa vietni nākotnei.
6. BassCSS
BassCSS piedāvā vieglu pamatelementu stilu, komunālo pakalpojumu, izkārtojuma un krāsu stilu kopumu moduļu formā, lai izveidotu atsaucīgu tīmekļa lietojumprogrammu. SCSS faili ir iekļauti, lai viegli pielāgotu stilu. Jūs varat spēlēt ar tipogrāfiju, baltās telpas, pārtraukuma punktiem un UI elementiem.
7. Mueller
Mueller ir moduļu reaģējoša režģa sistēma, kas uzbūvēta uz Sass un Compass virsmas. Izmantojot Mueller, var veidot režģi vai nu pievienojot klases tieši HTML elementiem, vai arī, ja vēlaties, lai HTML elementi būtu tīri un tīri, izmantojot režģis ()
funkciju. Mueller režģi var izmantot kopā ar mūra Javascript bibliotēku, lai izveidotu Pinterest līdzīgu izkārtojumu.
8. Tuktuk
Tuktuk ir ļoti unikāls ietvars. Salīdzinot ar Bootstrap vai Foundation, Tuktuk ir daudz vieglāks, jo tas ir tikai ar atbilstošu daudzumu komponentu, lai izveidotu reprezentatīvu tīmekļa vietni, tostarp tīkla sistēmu, tipogrāfiju, stilu un pāris UI, piemēram, navigācijas joslu un modāli.
9. Bāze
Bāze tiek veidota uz LESS un Sass virsmas, un tā ietver tikai būtiskākos elementus, lai izveidotu tīmekļa vietnes: režģi un HTML elementu pamata stilu. Bāze nav aprīkota ar Javascript komponentiem, tomēr tā nodrošina lielu pārlūkprogrammas saderību, lai tā darbotos pat ar IE7.
10. Grauzdiņš
Pēdējais no mūsu saraksta ir Toast. Izmantojot SCSS stilu, tas ir iekļauts komplektā, tāpēc Toast ļauj viegli konfigurēt tīkla klases nosaukumus, notekas un pat kolonnas bāzi. Piemēram, ja vēlaties, lai režģis būtu 9 bāzes kolonna, nevis 12, to var izdarīt. Toast ir minimāla CSS sistēma ar ļoti elastīgām konfigurācijām, kas atbilst jūsu prasībām.