05-11-2015, 17:53
Merhaba arkadaşlar,
Bu konuda sizlere CSS Bootstrap Framework'ünden ve bize sağladığı kolaylıklardan bahsetmek istiyorum.
Günümüzde teknolojiyle uğraşanlar için, zaman oldukça önemlidir. Çünkü teknoloji sürekli kendini yeniler ve sizde buna ayak uydurmak zorunda kalırsınız.
Bu durum web tasarımıyla uğraşanlar için de böyledir. Eğer bir web sitesi yada web uygulaması tasarlıyorsanız, geçeceğiniz aşamalardan biri de arayüz tasarımıdır.
Her geçen gün mobil cihazların yani telefonların, tabletlerin ve diğer taşınabilir cihazların hayatımıza iyice girmesi sonucunda web sitelerine erişilen cihaz farklılığı artmaktadır. Hatta yeni nesil televizyonlarla bile internete erişim sağlanabilmektedir. Hâl böyle olunca web tasarımcılar için her cihaza uygun tasarımlar geliştirmek bir gereklilik hâline geldi.
CSS kullanarak değişik çözünürlüklerde ve cihazlarda sorunsuzca çalışabilecek sayfalar üretmek mümkün olsa da bunu kendimiz yapmaya çalıştığımızda gerçekten zahmetli bir iş. İşte tam da bu noktada imdadımıza bootstrap yetişiyor. Bootstrap bu işi kolayca yapabileceğimiz bir CSS Framework'ü. Hem zamandan tasarruf sağlamamızı sağlıyor hemde responsive sayfa tasarlamamıza yardımcı oluyor.
Bunların yanı sıra bünyesinde bulundurduğu birçok component ve özellik sayesinde site geliştirirken ihtiyacımız olabilecek birçok şeyi zahmetsizce elde etmiş oluyoruz.
Bootsrap ile birlikte kendi CSS sınıflarımızı da entegre edip kullanabiliyoruz.
Bootsrap ile site geliştirirken bilmemiz gereken en önemli husus iskelet mantığı; yani satırlar ve sütunlar.
Bootstrap bir satırı varsayılan olarak, 1 satıra 12 sütun olacak şekilde bölüyor. Biz ihtiyacımıza göre ayarlamaları yapabiliyoruz. Bu başlangıçta biraz karışık geliyor fakat biraz kurcalayınca çok basit olduğunu görüyoruz.
Özellikler ve bileşenler için sitesinden kopyala yapıştır ile istediğimiz şeyi alabiliyoruz. Yani geliştirme süresinde ihtiyacımız olan şeyleri web sitesinden alıyoruz.
Sözü fazla uzatmadan;
Detaylı bilgi ve bootstrap için : http://getbootstrap.com/
Bu konuda sizlere CSS Bootstrap Framework'ünden ve bize sağladığı kolaylıklardan bahsetmek istiyorum.
Günümüzde teknolojiyle uğraşanlar için, zaman oldukça önemlidir. Çünkü teknoloji sürekli kendini yeniler ve sizde buna ayak uydurmak zorunda kalırsınız.
Bu durum web tasarımıyla uğraşanlar için de böyledir. Eğer bir web sitesi yada web uygulaması tasarlıyorsanız, geçeceğiniz aşamalardan biri de arayüz tasarımıdır.
Her geçen gün mobil cihazların yani telefonların, tabletlerin ve diğer taşınabilir cihazların hayatımıza iyice girmesi sonucunda web sitelerine erişilen cihaz farklılığı artmaktadır. Hatta yeni nesil televizyonlarla bile internete erişim sağlanabilmektedir. Hâl böyle olunca web tasarımcılar için her cihaza uygun tasarımlar geliştirmek bir gereklilik hâline geldi.
CSS kullanarak değişik çözünürlüklerde ve cihazlarda sorunsuzca çalışabilecek sayfalar üretmek mümkün olsa da bunu kendimiz yapmaya çalıştığımızda gerçekten zahmetli bir iş. İşte tam da bu noktada imdadımıza bootstrap yetişiyor. Bootstrap bu işi kolayca yapabileceğimiz bir CSS Framework'ü. Hem zamandan tasarruf sağlamamızı sağlıyor hemde responsive sayfa tasarlamamıza yardımcı oluyor.
Bunların yanı sıra bünyesinde bulundurduğu birçok component ve özellik sayesinde site geliştirirken ihtiyacımız olabilecek birçok şeyi zahmetsizce elde etmiş oluyoruz.
Bootsrap ile birlikte kendi CSS sınıflarımızı da entegre edip kullanabiliyoruz.
Bootsrap ile site geliştirirken bilmemiz gereken en önemli husus iskelet mantığı; yani satırlar ve sütunlar.
Bootstrap bir satırı varsayılan olarak, 1 satıra 12 sütun olacak şekilde bölüyor. Biz ihtiyacımıza göre ayarlamaları yapabiliyoruz. Bu başlangıçta biraz karışık geliyor fakat biraz kurcalayınca çok basit olduğunu görüyoruz.
Özellikler ve bileşenler için sitesinden kopyala yapıştır ile istediğimiz şeyi alabiliyoruz. Yani geliştirme süresinde ihtiyacımız olan şeyleri web sitesinden alıyoruz.
Sözü fazla uzatmadan;
Detaylı bilgi ve bootstrap için : http://getbootstrap.com/