Yunus BAŞŞAHAN
Front-End Developer
Twitter : /YunusBassahan
www.yunusbassahan.com
Sizden Gelenler
Bootstrap İle Responsive Çok Kolay!
Bootstrap 2011 Ağustos ayında temelleri Twitter
tarafından atılan ve günümüze kadar yaklaşık 600
geliştiricinin katkılarıyla geliştirilen mükemmel bir
HTML, CSS, JavaScript Framework’tür.
Özellikle mobile cihazların hayatımıza fazlasıyla
girdiği dönemlerde cep telefonu ve tabletler için özel
tasarımlar yapmaya başladık. Bu tasarımlara gerek
jQuery Mobile Framework ile gerekse bildiğimiz diğer
yöntemlerle hayat verdik.
projeler hariç tasarlanan birçok kurumsal, kişisel
siteler responsive tekniği ile geliştiriliyor. Responsive
hazırlanan bir tasarım, hem desktop hem tablet hem
de cep telefonlarında kusursuz bir kullanıcı deneyimi
sunar ve kullanıcının, özellikle cep telefonunda, zoom
yapma ihtiyacını ortadan kaldırır.
Eğer Google Analytics kullanıyorsanız, mobile cihaz
kullanıcılarına bir süre responsive bir süre de fluid
tasarımlar sunarak sayfada kalma oranlarının nasıl
farklılaştığını görebilirsiniz.
Fakat projelerin geliştirme ve revizyon aşamalarında
hem desktop tarafında hem mobile tarafında
düzenlemeler yapmak, hem tasarımcıyı hem de
geliştiriciyi çıldırtma noktasına geldiğinde, birileri çıktı
“alın size responsive” dedi ve herkes tarafından bir
anda kabul gördü.
Neden Bootstrap Kullanıyorum?
Bootstrap kendi içinde birçok form, button,
pagination, slider gibi elemanları barındırıyor olsa
da benim bootstrap kullanmamdaki temel amaç
mükemmel responsive grid sistemi.
Responsive Nedir?
Aslında responsive kavramı hayatımıza 2010
yılında girdi. Responsive’in kelime anlamı “duyarlı”.
Responsive tasarımlarda içerik, ekran boyutuna göre
yeniden şekillenir ve konumlanır. Günümüzde büyük
Hello Bootstrap
Bizim sektörde her şeyin başı “Hello World” dür.
Bootstrap’ı incelemek için http://getbootstrap.com/
adresine girip indirelim ve ilk Hello World’ümüzü
yazalım.
44