Framework Fretend CSS: Modern Web Tasarımı için En İyisi 2020
Bugün CSS çerçevelerini tartıştık: 9 modern web tasarımı için en iyisi. Konumuz hakkında daha fazla bilgi edinmeden önce, CSS çerçevelerinin anlamına bakalım: CSS Framework, daha basit web tasarımlarına izin veren ve basamaklı tür tabakalarını kullanarak ek özelliklere uygun olarak hazır bir yazılım çerçevesidir. Bu tür bir çerçeve en az bir ızgara içerir. Daha gerçekçi bir çerçeve, JavaScript’e odaklanan ancak genellikle tasarıma yönelik ve rahatsız edici olmayan daha fazla özellik ve özellik ile birlikte gelir. Bu, onu fonksiyonel ve genel JavaScript çerçevesinden ayırır.
İki iyi örnek ve yaygın olarak kullanılan bootstrap veya temeldir. CSS çerçevesinden gerçekten neyin ima edildiğini anladıktan sonra, şimdi konumuz hakkında bazı tanımlayıcı bilgilerle devam ediyoruz: en son dönemdeki birçok web girişimi ortalama çerçevenin çeşitli biçimlerini kullanıyor. CSS ön ucunun ilerlemesi çerçevesi, web geliştirme prosedürlerini gereksinimlere göre hızlı, daha kolay ve daha fazlasını yapar. Çerçeve tarafından çözülmeye çalışan zorluklara bağlı olarak, çerçeve CSS, HTML ve/veya JS’yi birleştirebilir. Çerçeve, CSS, HTML ve JavaScript Sıradan ile çevrimiçi bir terziden daha iyi bir şey yapmaz.
Çerçeve daha çok, başlangıçtan itibaren CSS, JS veya HTML yazmayı gerektiren veya gerektiren çeşitli antik internet tasarım durumlarını çözen sıradan bileşenleri kullanmak için yetkin bir koleksiyon gibidir. Ön uçların birçok çerçevesi vardır ve sağladıkları yönler açısından büyük ölçüde dalgalanmıştır. Çerçeve ayrıca, cazık görünen veya tamamen yararlı duyarlı web sitesi şablonunu tamamlamak için çok büyük olabilen bir düğme yapmak için bir dizi CSS3 kursu içeren basit bir kütüphane kadar küçük olacaktır. Aşağıda, web tasarımı sorunlarının çoğunu modern etkinliklerden bir şekilde temizlemeye çalışan en yüksek 9 Fretend CSS geliştirme çerçevesinin bir listesidir. Bootstrap
Erken sürüm: 19 Ağustos 2011; İstikrarlı Sürüm: 3.3.7 / 25 Temmuz 2016 Bootstrap Twitter Builders aracılığıyla geliştirildi ve 2011 yılında açık kaynaklı bir çerçeve olarak kamuya açık olarak yayınlandı. Şimdiye kadar, Bootstrap dünyanın en yaygın olarak kullanılan ön bitiş ilerleme çerçevesidir. Bootstrap, her boyutta ve karmaşıklığın ilk hücresel duyarlı web sayfalarını oluşturmak için HTML, CSS ve JS bileşenlerini içeren güçlü bir ön uç geliştirme çerçevesidir. Bootstrap ile, web mücadelenizdeki ilk faktör olarak sorunları ve duyarlı şablonları kullanabilirsiniz.
Daha Fazla Bilgi / İndir
2. Temel
Erken sürüm: Eylül 2011; İstikrarlı Sürüm: 6.2.0 / 26 Şubat 2016 Vakfı, İnternet tasarım endüstrisinde 15 yıldan fazla deneyime sahip bir çevrimiçi tasarım organizasyonu olan Kondominium Zurb’dan şirketin şirket seviyesinin ilerlemesi için bir çerçevedir. Zurb, bu çerçeveyi inşa etmek için tüm uzmanlığı ve öğrenmeyi dahil ettiğini iddia ediyor ve bunun modern vakfın açılışında gösterildiğini söylemeliyim. Far’ı kullanarak temel, hızdan ödün vermeden herhangi bir boyutta duyarlı bir web sitesi oluşturmak için tam cevaplar sağlayan en zengin Boyut Çerçevesidir. Vakıf ilk hücreseldir ve SASS CSS Praprocessor’da çalışır.
Bu, itibar, kullanım ve öğeler açısından Bootstrap ile şiddetli rekabet sağlayan çerçevelerden biridir. Vakıf, duyarlı ve hücresel bir web sayfaları oluşturmak için dünyanın en gelişmiş çerçevesi arasındadır. 3. Anlambilim
Erken Sürüm: T/A Kararlı Salım: Anlamsal Kullanıcı Arayüzü 2.2, Haziran 2016 Semantic-UI, blokta yeni bir çocuk. Bu, Bootstrap ve Base gibi insanlarla şiddetli rekabet sunan başka bir çerçeve. Bu çerçeve için evlat edinme ve yardım hızla büyür.
Son zamanlarda başlatılan semantik kullanıcı arayüzü, en son internet tasarım ihtiyaçlarını karşılamak için en son yönlerle birlikte geliyor. Açısal, kovalar ve göktaşları gibi birçok 1/3 kütüphaneyle entegre geldi ve ayrıca büyük ve sorunlu web girişimlerinde bile herhangi bir ek kütüphaneyi nadiren kullanmanız gerekiyor. Semantic, bileşen yapıları, dosya organizasyonları ve adlandırma sözleşmeleri üzerindeki yüke odaklanmıştır. Dilin ortalama kullanımı olağanüstüdür, bu nedenle kod oldukça açıktır ve kelime bilgisi gerektirmez.
Daha Fazla Bilgi / İndir 4. Susy
İlk Sürüm: T/A Kararlı Sürüm: 2.2.7
Susy bir ızgara santrali, ana ızgara üreticisidir. Karmaşık düzen arzuları için bir ızgara çerçevesi arıyorsanız ve şebekenin nasıl geliştirildiğinin karmaşıklığını anlamak için zaman ayırmaya istekliyseniz, Susy’den daha iyi bir şey yoktur.
Susy, bootstrap gibi jumbo boyutlu bir paket olarak gelmedi veya net tasarımın tüm noktalarını kapsamak için temeli olarak gelmedi, ancak yapılması gereken şeyde yüksek kalite sundu. Frontend Susy’nin geliştirilmesi için çerçeve (aslında sadece bir ızgara çerçevesi) bir futbol sporu daha! Grid kullanacak bir konumda önceden geliştirilmiş olarak gelmez. Web sitenizin düzeninin isteklerine göre bir kafes yapmak için Susy ile bir karışım kullanırsınız. Bu çerçeve size her türlü kafes düzenini yapma esnekliği sağlar, daha önce sağlanan Gird, Forex 12col, 18Col vb. Daha Fazla Bilgi / İndir
5. UI malzemesi
İlk Sürüm: T/A Salınımı Kararlı: Vo.15.4 Malzeme Tasarımı İkincisine sallanıyor ve önümüzdeki yıllara devam edeceğine söz verdi. Google tarafından yayınlanan ve artık dünya çapında İnternet tasarımcıları tarafından kullanılmaktadır. Malzeme tasarımının popülaritesini gören, CSS’nin kumaş tasarımı hakkında ön uç geliştirme çerçevesi kaçınılmazdır ve kumaş kullanıcı arayüzü bu yönde bir öncüdür ve Google kumaş tasarımlarını uygulayan en kapsamlı çerçeve olabilir.
Daha az CSS praprocessor ve React bileşeni ile dolu bir yay üzerine inşa edilmiştir. Bu çerçeveyle başlamak için, eklenti reaksiyonu hakkında genel bir anlayışa sahip olmalıdır. Bu çerçeve, web görevinizde bir başlangıç noktası değildir, ancak web göreviniz için kullanılabilecek malzeme tasarımıyla eşleşen hazır CSS ve aksesuarlar sağlar.
Daha Fazla Bilgi / İndir
6. CSS’nin gerçekleştirilmesi Erken Sürüm: T/A Kararlı Sürüm: T/A MaterialInecss ayrıca Google kumaş tasarım ihtiyaçlarını da uygular ve modern web tasarımı için duyarlı bir giriş geliştirme çerçevesidir. MaterialInecsss, düğmeler, oyun kartları, türler, simgeler ve diğerleri kullanma yeteneği ile birlikte gelir. Hangisi kumaş tasarım öğretim materyallerine göre tasarlanmıştır? Bu eklenti kullanma yeteneğiyle kumaş tasarımına uygun bir web sitesi oluşturmak çok kolay. Ayrıca, İnternet sitesinin düzeni için kullanılabilecek 12 sütun ızgarası ile donatılmıştır. CSS’yi bazı isimler için kumaş, gölge ve tipografinin renk tasarımı için kullanabilirsiniz.
7. Gumby
İlk Sürüm: T/A Kararlı Sürüm: 2.5, olağanüstü olan İnternet yerleşim yazı tiplerinin ilerlemesi için 9 çerçeve listesinden Gumby’yi yayınlayamaz. Gumby çok kısa sürede standart olarak ortaya çıktı ve web tasarımcı gruplarının dikkatini ve desteğini aldı. Dijital sağlık uygulayıcılarından erkek ve kadınlar tarafından yapılan çabalar çok parlaktır ve bugün tüm İnternet tasarım ihtiyaçlarını karşılayan en yüksek çerçeve yapan şey budur. Gumby Sass tarafından güçlendirildi ve Bootstrap ve zemin gibi insanlarla rekabet etmek için hazırdı ve büyük olasılıkla kalacaktı. Gumby’nin masaya getirdiği bazı önemli özellikler – kit ve tasarımın varlığı döngüsünde iyi ilk tasarımcılara ve herhangi bir cihaza ve görünüm alanına uyum sağlayan duyarlı bir ızgara sistemi veren geniş ve güzel bir UI şablonudur. Gumby ayrıca bir kafes yuvası yapmaya yardımcı olur ve ızgara işlemi semantiktir
Daha Fazla Bilgi / İndir 8. Saf
İlk Sürüm: T/A Salınımı Kararlı: V0.6.0 Bu, Yahoo Design’ın ikametgahından ve Yahoo CDN ile bir bağlantı aracılığıyla kullanmalısınız. Pure, JS veya JQuery eklentisini daha da içermez, bu saf bir CSS’dir. Pure, herhangi bir İnternet görevinde kullanılabilen hafif bir CSS modülü paketidir. Izgaralar, düğmeler, tablolar ve duyarlı menüler geliştirmek için CSS modülünü kullanabilirsiniz. Pure ile ilgili en iyi şey küçük ve eğlenceli boyutudur. Yahoo CDN’nin tüm saf unsurlarını kodunuz için alt kısmı kullanarak anında ekleyin. İleri / İndirin
9. Metro UI CSS 2.0 Erken Sürüm: V2 Kararlı Sürüm: V3.0.15 Metro tipi kullanıcı arayüzünü kişisel olarak seviyorum ve ana ön ucun ilerlemesi için 10 çerçeve listesinde bir yer sunmanın nedeni budur. Bu, sekiz ev penceresi arayüzüne benzeyen bir web sitesi oluşturmak için en iyisi olabilir. Metro UI CSS 2 ile çalışırken sıfır, ev Windows 8 için inşa ediyormuş gibi düşünebilirsiniz ve elbette, her türlü web sitesini tasarlamak için uygun değildir. Metro UI CSS çok daha az CSS praprocessor’da çalışır ve ızgaralar, tasarım, tipografi, simgeler ve birçok hazır aksesuarda geliştirilen ızgaralar gerektirir. Metro UI CSS, Sergey Pimenov’dan bir çocuk ve şimdi bir Microsoft girişimi olan bir BizSpark başlangıç. Bu, şüphesiz, özel bir niş – metro tipi kullanıcı arayüzü tasarımında en yüksek konumda.
Daha Fazla Bilgi / İndir
