Sürekli değişiyoruz ve web uygulama geliştiricileri için işleri yapma şekli basitleştirildi. Birçoğu kendi kodunu oluşturmayı tercih etse de, hayatımızı kolaylaştıran ve bir projeyi hızlı bir şekilde dağıtmamızı sağlayan araçların olduğu doğrudur.
Belki de FrontEnd ekosisteminde, son zamanlarda en popüler ve kullanılan CSS / JS çerçevesi, uygun bir sebeple Bootstrap'tır. Bootstrap muhtemelen rekabete kıyasla en eksiksiz olanıdır ve neredeyse her şey için seçeneklere sahiptir, ancak tek olanı değildir ve bir zevk meselesi, hatta en güzel olanı bile değildir.
Benim için interneti arıyor Bir liste buldum en popüler CSS / JS Framework'lerinden bazıları ve en önemlisi, kişisel projelerimiz için kullanabileceğimiz açık kaynak. Ancak bu durumda sadece en ilginç olduğunu düşündüğüm 5'ten bahsedeceğim. Başlayalım:
Üst kat
Bu özellikle onu tanımıyordu. Adobe® tarafından başlatılan, temel olarak tüm cihazlar için web uygulamaları oluşturmak için gerekli olanı sağlamaya odaklanan bir çerçevedir. Ana özellikleri arasında:
- Hızlı.
- Temalar özelleştirilebilir.
- Kendi simgeleri.
- Adobe'den bir Açık Kaynak kaynağı olan Source Sans Pro.
Ukit
Görüldüğü kadarıyla UIkit, Bootstrap'in en güçlü rakiplerinden biridir ve farklı veriler olarak, Twitter çerçevesinin varsayılan olarak eklemediği veya basitçe iyileştirdiği bir dizi bileşen ekler.
Anlamsal Arayüz
Dikkate alınması gereken bir başka Bootstrap rakibi, çünkü sadece yeni bileşenler sağlamakla kalmıyor, aynı zamanda onlar için birkaç stil / tema arasından seçim yapabiliyoruz. Örneğin düğmelerin GMail, Github, Amazon, Google Material, Bootstrap, Twitter'ınkilere benzer veya bunlara eşit olmasını seçebiliriz.
MÜREKKEP
Dikkate alınması gereken çok iyi bir aday. INK ayrıca bize yeni bileşenler veya Bootstrap'te bulduğumuzdan biraz farklı bir tasarım ve işlevsellik sağlıyor.
Metro UI
Windows kullanıcılarına daha yakın bir şey yapmak istiyorsak, Metro UI sahip olduğumuz varyantlardan biridir. Ve ben bir tane diyorum çünkü biraz bakarsak buluruz Bootstrap için diğer seçenekler.
Sonuçlar
İhtiyaçlarımıza ve hedeflerimize bağlı olarak, daha önce gördüğümüz gibi birkaç alternatifimiz var. Sadece dikkate aldığım 5'den bahsetmeme rağmen, en eksiksizler, başında da bahsettiğim listede görebileceğiniz gibi çok daha fazlası var. Birçoğunun Bootstrap'ten fikir aldığı ve hatta geliştirdiği ve Adobe gibi şirketlerin çalışmalarımızı geliştirmek için bu tür bir araç oluşturma girişimine katıldığı da görülebilir.
Gerekli bilgiye sahipsek, belki de ihtiyacımız olanı alarak birkaçını karıştırabiliriz. Seçim zaten sizindir.
Yahoo'nun katkısını kaçırdınız: Pure CSS, minimalizm ve hafifliğe odaklanıyor.
Saf gülünç derecede küçüktür. Modül setinin tamamı, 4.0KB'de * küçültülmüş ve gzip ile sıkıştırılmıştır. Mobil cihazlar düşünülerek hazırlanmış dosya boyutlarımızın küçük olması bizim için önemliydi ve her CSS satırı dikkatlice düşünüldü. Bu modüllerin yalnızca bir alt kümesini kullanmaya karar verirseniz, daha da fazla bayt kaydedersiniz.
http://purecss.io/
Evet, Pure bir seçenektir, ancak boyutuna rağmen, benim çok özel kriterlerime göre, yukarıda bahsedilenler kadar eksiksiz değildir.
Pure hakkında sevdiğim şey, size temel bilgileri vermesi ve öğrenmesi ve uygulaması çok hızlı olması, onu bir sitede kullanabilmeniz ve size orijinal bir şey yapabilmeniz için alan sunması, çoğu gibi "bootstrapified" değilsiniz.
Dostum, Bootstrap'in en büyük rakiplerinden birini dışladın sanırım… Foundation
Doğru ... Fundation beni geçti, ki bu büyüklerden bir diğeri, muhtemelen Bootstrap'ın söylediklerinden en büyük rakibi.
Arkadaş seni önemli bir materyalizecileri özledim. Şerefe
Temel, arayüz tasarımı için en iyi çerçevedir, en eksiksiz ve çok yönlüdür ve bootstrap ayakkabıların tabanına ulaşmasa da, önyükleme için harika bir rakiptir.
Çok ilginç, onları tanımıyordum. O listede vakıf görmemek beni de şaşırttı.
aslında başlangıçta bırakan bağlantı sitesi şüphesiz en güçlü rakiplerinden biri olan bu temeli.
Bazı gelişmeler için bu çerçeveler hakkında daha fazla düşünmeye başlayacağım, şimdi 0'dan yazdığım tüm duyarlı web siteleri için, her şeyi yazarken yüz daha fazla zevk Xd
Günün sonunda hepsi aynı. Beyaz arka plan üzerinde büyük iyi mektuplar
BackEnd Kuralları 😀
Gerçek şu ki şu anda bu yazı benim için çok iyi, teşekkür ederim 😉
UI semantiğini kullanıyorum ve bunu söylemek o kadar da sezgisel değil
Materialize veya Foundation olmadan bu liste saçmalık.
Neden kim diyor? Bu ikisinin özellikle olması gerektiği nerede yazıyor? Yorumları okursanız (görünüşe göre yapmadığınız bir şey) Vakfı özlediğimi kabul edersiniz, ancak bu makalede gördüğünüz liste minnettarlığıma dayanmaktadır ve buna katılmak zorunda değilsiniz. ama bunun çöp olduğunu söylemene gerek yok.
Merhaba, çok güzel makale. Ama size, birinin web sitesinde orijinal kaynağı yansıtmadan kopyalamış gibi göründüğünü söylemek istedim. Bu konuları nasıl hallettiğini bilmiyorum ama bilmek isteyeceğini düşündüm. Bağlantı şu şekildedir: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Bir tebrik.
Evet, bunun olması normaldir. Siteden sorumlu olanlarla zaten iletişime geçtim 😉
Mükemmel katkı! Bootstrap, iyi görünümlü bir ürün sunmak için arka planda iyi ancak css'de ön uçta kötü olan benim gibi insanlar için kesinlikle kapıları açtı. Belki de bundan bahsetmeleri gereken doğru yol değildi ama bu listede MaterializeCSS'nin eksik olduğuna katılıyorum; Materyal tasarım görünümü ve mümkün olan en harika öğrenme eğrisi ile hafif, güçlü bir çerçeve. Bu framework sayesinde 10 dakikada çok güzel bir arayüz oluşturabildim. Dokümantasyonu o kadar basit ki, bootstrap ile karşılaştırıldığında havacılık ve uzay mühendisliği gibi görünmesini sağlıyor. Bu yüzden Materialize'ye (materializecss.com) bir göz atmanızı öneririm. Şerefe!