Bootstrap & Foundation'a 10 Hafif Alternatif
Projeleriniz için en uygun olan doğru çerçeveyi seçmek biraz zor olabilir; seçim için çok. Belki, Bootstrap veya Foundation gibi popüler seçeneklerle gitmek istersiniz, ancak web siteniz oldukça basit olacaksa, yapı taşlarının ve malzemelerin çoğuna ihtiyacınız olmayacak varsayılan pakete dahil.
İyi haber şu ki Bootstrap veya Foundation'dan çok daha yalın olan birkaç alternatif var. Bu çerçevelerin çoğu birlikte gönderilir doğru miktarda stil ve parça başlamanıza yardımcı olmak için, projeniz için istediğiniz yöne uzatabilmenizi sağlarken.
Burada Bootstrap ve Foundation'a 10 hafif alternatif kullanmanız gereken daha küçük ölçekli web siteleri oluşturmak.
Hongkiat.com hakkında daha fazlası:
- Twitter Bootstrap ile Başlarken
- Bootstrap 3'ü Sass İle Kullanma
- Önyükleme Aracı: HTML Önyükleme Düzenleri Oluştur
- Önyükleme Eklentisi ile Çalışma: Modal Window
- Önyükleme Aracı: YAMM3 ile Megamenu oluşturun
1. İskelet
İskelet sonunda bir facelift aldı. Bu sıfırdan itibaren toplam bir yenileme, ve yine de eskisi kadar hafif. Yeni İskelet ızgara sistemi artık mobil ekran felsefesini benimsiyor, bu da cihazın ekranının ne kadar küçük olduğuna bakılmaksızın düzenin ortada kalmasını sağlıyor..
Önceki sürüme dahil edilen tüm bileşenler - düğmeler, formlar ve giriş öğeleri - hala var, ancak temel tipografi stilleri şimdi rem
birim.
2. KardinalCSS
CardinalCSS, performans, okunabilirlik ve en önemlisi de sürdürülebilirliğe odaklanan bir CSS çerçevesidir. CardinalCSS, şebekeyi şekillendirmek için mobil-ilk gibi bazı modern yaklaşımları benimser; eleman genişliğini ve yüksekliğini kolayca belirlemenizi sağlayan CSS Kutu Modeli.
CardinalCSS, stilleri bir öğeye hızlı bir şekilde uygulamanıza izin veren bir avuç yardımcı sınıfıyla da gelir; Gömme
paragraftaki ilk karakter için bırakma efekti uygulayan.
3. ConciseCSS
ConciseCSS bir CSS çerçevesidir - şişkinlik olmadan. Altın yolunu CSS'nin sürdürülebilirliğine döşeyen Sass, LESS ve Stylus'un üzerine inşa edilmiş yalın bir çerçevedir. Ancak, sade basit vanilya CSS'yi tercih ederseniz, buna da sahip olabilirsiniz..
Benzer şekilde, ConciseCSS ayrıca başlık UI oluşturmak için başlıklar, paragraflar, tablolar, formlar ve bir dizi yardımcı sınıf gibi temel öğeler için temel stillerle birlikte gelir..
4. PowertoCSS
PowertoCSS hafif ve sağlam bir ön uç çerçevesidir. Izgarayı oluşturmak ve stilleri uygulamak için kullanılan sınıf adları, örneğin hatırlanması basit ve kolaydır.. .buton
. Ayrıca kendi temanızı da ekleyebilirsiniz. Başlamak için kendi StarterKit'lerine gidin.
5. Sinsi
Furtive, Flexbox'ın ızgara için kullanımı gibi en gelişmiş web standartları etrafında inşa edilmiş ilk mobil CSS çerçevesidir. rem
öğeleri boyutlandırma için birim (yazı tipi boyutu dahil). Furtive, bazı CSS hack'leri gerektirdiğinden eski tarayıcıları (* öksürük * Internet Explorer) desteklemeyerek küçük bir CSS ayak izini koruyor. Dolayısıyla gelecek için bir web sitesi tasarlıyorsanız, Furtive mükemmel bir çerçevedir..
6. BassCSS
BassCSS, duyarlı bir web uygulaması oluşturmak için modüler formda hafif bir temel öğe stilleri, uygulamalar, düzen ve renk stilleri kümesi sunar. SCSS dosyaları, stili kolayca özelleştirmek için dahil edilmiştir. Tipografi, beyaz boşluk, kesme noktaları ve kullanıcı arabirimi öğeleriyle oynayabilirsiniz.
7. Mueller
Mueller, Sass ve Compass üzerine kurulu modüler bir duyarlı ızgara sistemidir. Mueller ile, ızgarayı doğrudan HTML öğelerine sınıflar ekleyerek ya da HTML öğelerinizi temiz ve temiz olmasını istiyorsanız Kafes()
işlevi. Mueller ızgarası, Pinterest benzeri bir düzen oluşturmak için Duvarcılık Javascript kitaplığıyla birlikte kullanılabilir.
8. Tuktuk
Tuktuk, bir çerçeve için çok özel bir isim. Bootstrap veya Foundation ile karşılaştırıldığında Tuktuk, ızgara sistemi, tipografi için temel tasarım, tablolar ve navbar ve benzeri UI gibi temel bir tasarım oluşturmak için sadece uygun miktarda bileşenle birlikte geldiğinden çok daha hafiftir. modals.
9. Baz
Base, LESS ve Sass'ın üzerine kuruludur ve web siteleri oluşturmak için yalnızca en temel bileşenleri içerir: ızgara ve HTML öğelerinin temel stili. Base Javascript bileşenleriyle gelmez, ancak IE7 ile bile çalışabilmesi için mükemmel tarayıcı uyumluluğu sağlar.
10. Tost
Listemizin sonuncusu Tost. Paket içerisinde bulunan SCSS stil sayfası sayesinde Toast, ızgara sınıfı adlarını, olukları ve hatta sütun tabanını kolayca yapılandırmanıza olanak tanır. Örneğin, kılavuzun 12 yerine 9 temelli bir sütun olmasını istiyorsanız, bunu yapabilirsiniz. Tost, gereksinimlerinizi karşılayacak şekilde hazırlanmış çok esnek yapılandırmalara sahip, minimal bir CSS çerçevesidir..