Altyapılar daha hızlı ve daha iyi bir gelişim için kullanışlı ön uç geliştiriciler aracıdır. Çerçevelerle iyi yapılandırılmış, korunabilir ve yükseltilebilir bir web sitesi oluşturabilirsiniz . Aynı zamanda zamandan tasarruf etmenize yardımcı olur çünkü kullanabileceğiniz çok sayıda hazır eleman vardır.
Günümüzde, çerçevelerin sayısı büyük ölçüde artmıştır ve bildiğiniz gibi, Twitter'dan Bootstrap en üst sıralarda yer almaktadır. Kullanılacak en uygun çerçeveyi seçmenize yardımcı olmak için, bugün Bootstrap alternatifi için mevcut 21+ en iyi çerçeveyi listeledik. Birbirlerinden farklı benzersiz ve alaycı özellikler sunarlar. Çıkış yapmak!
1. Saf
Hem masaüstünde hem de mobil cihazda çalışan bir web uygulaması oluşturmayı planlıyorsanız, Yahoo’dan Pure kullanmayı düşünmelisiniz. Pure, mobil cihazlar söz konusu olduğunda Bootstrap'tan daha iyi bir performansa sahip. Adından da anlaşılacağı gibi, Pure yalnızca saf bir CSS çerçevesi olarak geliyor. Normalize.css üzerine kurulu olan Pure, yalnızca 4.5KB boyutunda (küçültülmüş ve gzip) oldukça küçük bir dosya boyutuna sahiptir.
2. UI Takımı
UIkit ücretsiz, hafif ve modüler bir ön uç çerçevedir. LESS ile geliştirilen UIkit, iyi yapılandırılmış, genişletilebilir ve bakımı yapılabilir bir koda sahiptir. Aynı zamanda, duyarlı, akışkan ve üretilebilir bir ızgara sistemi sunar. UIkit ile navigasyon, düğmeler, modacılar, açılır ve daha hızlı bir şekilde oluşturabilirsiniz. Kapsamlı dokümantasyonu UIkit ile çalışmaya başlamanızı kolaylaştıracak.
3. Montaj
MontageJS, modern Tek Sayfa Uygulamaları (SPA) oluşturmak için uzmanlaşmış ücretsiz bir açık kaynak kodlu ön çerçevedir. Kanıtlanmış birçok çerçeve uygulamasının temelini kullanarak, Montage etkileyici HTML kodları korunabilirken geliştirme sürecinizi kolaylaştıracaktır. MontageJS ile, daha sorunsuz bir kullanıcı deneyimi için DOM güncellemelerini senkronize edebilir, tekrar kullanılabilecek UI bileşenleri oluşturabilir ve genişletebilirsiniz.
4. Zemin Çalışması
Zemin, Gary Hepting tarafından oluşturulan ve bakımı yapılan hafif, esnek ve duyarlı bir ön uç çerçevesidir. Sass ve Compass üzerine inşa edilmiş olan Groundwork, esnek, akıcı ve değişken olan mükemmel bir ızgara sistemi sunar. Izgara sistemi ile, herhangi bir ekran boyutuna uyan herhangi bir mizanpaj türü oluşturabilirsiniz.
5. Gumby
Gumby, daha hızlı web geliştirme için Sass'ın gücüyle oluşturulmuş esnek ve duyarlı bir çerçevedir. Özelleştiricisi, en iyi tercihinizi karşılamak için tüm UI kiti tasarımını kolayca düzenlemenizi ve özelleştirmenizi sağlar. Gumby'de farklı sütun varyasyonlarına sahip birden fazla ızgara türü vardır, ancak varsayılan olarak, Gumby 960 ızgara sistemi ile birlikte gelir.
6. HTML5 Kazan
Aynı HTML5 Boilerplate, tıpkı HTML5 Boilerplate size en yeni standart HTML standartlarını karşılayacak şekilde optimize edilmiş HTML5 hazır şablonunu sunar. Bu şablonu kullanarak, herhangi bir tarayıcıya, Internet Explorer gibi eskilere bile adapte olabilen hızlı, sağlam ve duyarlı bir site oluşturabilirsiniz.
7. İskelet
Skeleton, 12 sütunlu bir ızgara sistemi kullanan hafif bir CSS çerçevesidir. Bootstrap veya Foundation'ın aksine, Skeleton size geliştirme işleminizi başlatmak için sadece düğme, listeler, masa, formlar gibi bazı temel bileşenleri sunar.
8. Bootflat
Bootflat, güçlü Bootstrap 3 ile oluşturulmuş açık kaynaklı bir CSS çerçevesidir. Bootflat, daha hızlı, daha kolay ve daha az tekrarlayan bir şekilde çarpıcı bir düz web tasarımı oluşturmak için tasarlanmıştır. Bu nedenle, UI Kit web sitenizde, iOS veya Android projenizde kullanabileceğiniz güzel PSD kullanıcı arayüzü paketi ile birlikte gelir.
9. Inuit
Inuit.css, Mobile First yaklaşımına odaklanan ve tüm tasarımları size bırakan başka bir harika CSS ailesidir. Diğer pek çok çerçeve kendi tasarımı CSS ile birlikte gelirken, Inuit.css bunu yapmaz. Inuit.css, yeniden kullanılabilir CSS yazma işleminin hızlı, ölçeklenebilir ve bakımı kolay bir yöntem olan OOCSS (Nesneye Yönelik CSS) yöntemiyle çalışır.
10. 960 Grid Sistemi
960 Grid System, web geliştirme iş akışınızı 960px genişliğinde bir konteynere dayalı olarak düzenleyebilen ön uç bir çerçevedir. Bundan sonra, kap daha kolay yerleştirme içeriği için 12, 16 ya da hatta 24 sütun halinde dilimlenebilir.
11. Gerçekleştir
Google’ın Materyal Tasarımı ilkelerine dayanarak inşa edilen Materyalize, modern bir ön uç çerçeve olarak geldi. Bu çerçeve, Materyal Tasarımı görünümünü ve hissini karmaşıklığı olmadan kendi web sitesinde uygulamak isteyenler için çok uygundur. Kart tasarımı, dalgalanma efekti animasyonu, Sass mixin, mobil menüyü dışarı sürükleyin ve daha birçok özelliğe sahiptir.
12. Jeet
Jeet, günümüzde mevcut olan hızlı, esnek ve en gelişmiş bir ızgara sistemidir. Jeet, çok sezgisel, temiz bir şekilde anında ızgaraları inşa etmenize yardımcı olur. Neredeyse tüm modern ve eski tarayıcıları destekler.
13. Susy
Susy, web düzenini istediğiniz her tür sütunda oluşturmanıza yardımcı olabilecek otomatik bir ızgara sistemidir. İstediğiniz tasarımı oluşturmak için size özgürlük ve esneklik kazandırır. Tasarımınızın 5, 12, 24, 48 veya eşit olmayan sütunlara sahip olup olmadığını ele alabilir.
14. Metro Kullanıcı Arabirimi
Metro UI, Windows 8 Metro tarzı arabiriminden esinlenilmiş 12 ızgara tabanlı bir çerçevedir. Kullanımı çok kolay ve düğme, fayans, menü, tarih seçici ve çok daha fazlası gibi birçok ortak bileşene sahip bir tarza sahip. Kolayca başlamanızı sağlayan bir Haber Portalı şablonu da vardır.
15. HTML KickStart
HTML KickStart, çok daha hızlı web geliştirme için son derece yalın bir HTML, CSS ve Javascript kazanıdır. HTML KickStart, Twitter Awesomestrap'a dayanarak Font Awesome'in simge desteği ile geliştirilmiştir. Hazır menüsü, listesi, tabloları, düğmeleri, ızgara sistemi ve birçok harika unsuruyla, web projesi oluşturma sürecinizi 10 saate veya daha fazlasına kadar kurtaracaksınız.
16. Basit Izgara
Basit Izgara, çok hafif, duyarlı bir ızgara sistemidir. Bu süslü düğme, menü, tablo vb. Gibi diğer çerçeveler gibi değil, Basit Izgara yalnızca saf bir ızgara sunar. Izgara özelliği, en iyi düzeninizi elde etmek için özelleştirebileceğiniz 12 sütunlu 1140 piksel ekran boyutuna dayanır.
17. Kuruluş
Vakfı, Twitter Bootstrap için en zorlu rakip. Çok iyi belgelenmiş, kararlı, esnek ve açık kaynaklı bir ön uç çerçevedir. Daha hızlı yanıt veren, mobil ilk web projesi oluşturmak için birçok kullanışlı araca sahiptir. IE7 hariç günümüzde neredeyse tüm tarayıcıları desteklemektedir. Pek çok geliştirici çoğunlukla yalnızca HTML ve CSS için Temel’i kullanıyor olsa da, Sass ve Rails ile bağlantı kurma seçeneğiniz vardır.
18. Malzeme Arayüzü
Malzeme UI, Malzeme Tasarımı spesifikasyonunu uygulayan başka bir çerçevedir. Onu Materialize'den ayıran tek şey, Facebook'tan React Javascript kütüphanesinin aşkı tarafından inşa edildi. Web sayfanızda özgürce kullanabileceğiniz pek çok güzel UI bileşeni var.
19. Son kat
TopCoat, Adobe ekibinin hızlı düşünülerek tasarlanan web uygulamaları geliştirmek için oluşturduğu sağlam bir ön uç çerçevedir. TopCoat'taki her ayrıntı, performans önceliği için optimize edilmiştir. Aynı zamanda özelleştirilebilir tema, açık kaynaklı yazı tipi ve projenizle birlikte kullanmak için PSD UI Kit'i sunar.
20. mürekkep
Mürekkep, tıpkı Bootstrap gibi, HTML, CSS ve Javascript kullanarak daha hızlı UI gelişimi için geliştirilen bir ön uç çerçevedir. Tablo, sekmeler, veri toplayıcı, modal, sıralanabilir liste, ağaç görünümü, galeri, form doğrulayıcı ve daha fazlası gibi bazı yeniden kullanılabilir arabirim öğeleriyle kolayca modern düzen oluşturabilirsiniz. Ayrıca JS Core motoru ile DOM manipülasyonu, iletişim olanakları ve süslü sayfa efektleri elde etmenizi sağlar.
21. Onsen kullanıcı Arabirimi
Onsen UI, PhoneGap ve Cordova ile uyumlu çalışan karma bir çerçevedir. Temel olarak AngularJS, jQuery, Font Awesome ve TopCoat ile Onsen UI, şaşırtıcı mobil uygulamalar geliştirmek için umut verici bir araç olabilir. Onsen UI, Web Bileşenleri kavramını kullanarak kolayca mobil uygulamalar oluşturmanıza yardımcı olabilir.
En sevdiğiniz Bootstrap alternatifiniz hangisi? Aşağıdaki yorumlarda bize bildirin.
