Twitter Bootstrap’a 9 Alternatif

Twitter Bootstrap’a 9 Alternatif

Merhaba arkadaşlar bu yazımda Twitter Bootstrap’a alternatif frameworklerden bahsedip onları kısaca tanıtmak istiyorum.Öncelikle hemen Twitter Bootstap’ın ne olduğunu açıklayalım.Adındanda anlaşılacağı üzere Twitter’ın açık kaynak kodlu olarak bizlere sunduğu bir CSS frameworküdür.Bootstrapı bu kadar popüler yapan en önemli özelliği responsive tasarımları kolaylıkla yapmamıza olanak sağlıyor olmasıdır.Bu özelliğiyle front-end cileri bile büyük bir yükün altından kurtarmaktadır.Sitesine girip dökümantasyon kısmındaki CSS ve JavaScript bölümlerini incelediğinizde tasarım yapmanın,özelliklede responsive tasarım yapmanın hiçde zor olmadığını göreceksiniz.Ancak tasarım componentleri hep aynı olduğundan birbirine benzer tasarıma sahip siteler ortalıkta fazlasıyla var.Bu yüzden diğer frameworklerede bir göz atmakta fayda var.Şimdi yavaştan incelemeye başlayalım

METRO UI CSS

metro ui

Windows 8 den sonra görmeye alıştığımız tasarım componentlerini barındırıyor.Aynı Bootstap gibi responsive özelliğini barındırıyor.Bootstrap’ın grid sistemi aynı şekilde Metro UI’de de var.

FLAT UI

flatui

Farklı tasarımlar için yine hoş bir framework.Kodları Github üzerindende paylaşılmış.İsterseniz Github üzeriden isterseniz sitesine girip direk indirebilirsiniz.

 

SEMANTIC UI 

semanticui

“Web’in dili HTML değil,Kullanıcı Arayüzü”

sloganıyla karşımıza gelen Bootstrap’a alternatif olarak baş sıralarda yer alan bir framework.Semantic UI de de Bootstrapta olduğu gibi  componentlerin kodları teker teker sitede yayınlanmış.Responsive olma özelliğide bu frameworkün artı özelliklerinden

 

Foundation

Foundatin

 

Zurb tarafından oldukça popüler açık kaynak kodlu front-end frameworküdür.Kendi sitesiden “Learn” kısmına tıkladığınızda önceki frameworklerde olduğu gibi projenize nasıl dahil edeceğiniz ve istediğiniz componentleri nasıl kullanacağımız detaylı bir şekilde anlatılmış.Responsive Özellik : Var

 

HTML KickStart

html5kickstart

 

HTML,CSS,JavaScript componentlerini içinde barındıran ve bunları hızlıca kullanmanızı sağlayan,menu,buttons,slideshows ve birçok componenti içinde barındıran oldukça şık tasarımlar yapabileceğiniz bir framework.Responsive Özellik : Var

 

Zimit 

zimit

CSS kısmı LESS tabanlı çalışan,ligth weight yani boyutu oldukça küçük olan front-end web frameworkü.Responsive Özellik : Var

 

Pure

purecss

Yahoo tarafından bizlere sunulan boyutu oldukça küçük,farklı tasarımlar çıkarabileceğiniz bir front-end frameworkü.Sol taraftaki menüden Get Started diyerek projenize nasıl dahil edeceğiniz ve Pure.css hakkında bilmeniz gerekenler detaylı anlatılmış.Yine componentlerin kodlarına sol taraftan rahatlıkla ulaşabilirsiniz.Responsive Özellik:Var

Ink

ink

Hızlı ve efektif bir biçimde web arayüzü tasarlamanıza olanak sağlayan bir framework.Responsive Özellik : Var

 

HTML5 BoilerPlate 

html5boilerplate

HTML5 BoilerPlate aslında gerçek bir framework değildir ancak web uygulamaları için güçlü ve adapte olabilen oldukça profesyonel front-end templatedir.BoilerPlate Modernizr,Normalize.css ve jQuery tabanlı çalışır.

Bir diğer yazıda görüşmek dileğiyle.Bol kodlu günler…


2 thoughts on “Twitter Bootstrap’a 9 Alternatif”

  • 1
    link on 8 Haziran 2016 Cevapla

    No, I have used Twitter Bootstrap to create my theme and this one is not as good. But, it is a good alternative to Ink and other frameworks.

  • 2

    Uzun süredir internet sitenizi takip ediyorum teşekkürler

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir