Sürekli yeni projeler üretiyor, çoğunlukla hızlı bir şekilde basit arayüzler hazırlıyorsanız elinizin altında bir ui library oluşturmuşsunuz veya hazır bir arayüz setini kullanıyor olabilirsiniz. İnternette onlarcasını bulabileceğiniz kitlerin hepsi farklı amaçlara hizmet eden farklı çözümler sunan kitler genelde.

Çok basit bir örnek senaryo vereceğim, php tabanlı bir proje hazırlıyorsunuz, on yüzünü yazdınız ve implemente ettiniz. Sırada bir yönetim paneli hazırlamak var yazdığını koda ve veritabanına. Bunun için çok farklı yollar izledim yıllardır, son birkaç yıldır artık oturttuğum bir html4, less/css altyapım var. Basit bir MVC ile phptal ile view'lar phptal templateleri olarak buluyor ve less'leri derleyerek sade bir arayüzde kullanıyorum herşeyi.

Ama twitter bootstrap fikirlerimi biraz değiştirmeye başladı. View'larima çok fazla dökünmadan sadece html çıktılarımı biraz oynayarak twitter bootstrap'i projelerimden birine çok pratikçe entegre etmeyi başardım ve her geçen gün isimi daha kolaylaştırdığını görüyorum.

Güzel yani twitter tarafından geliştirilen bir arayüz kiti, daha da güzel yani açık kaynak kodlu ve birçok kişinin geliştirilmesine katkıda bulunduğu bir proje. Dolayısıyla crossbrowser problemleri çok fazla yok. Hatta eğer arayüzünüzü doğru tasarlarsanız responsive bir arayüzü de çok kafa yormadan sağlayabiliyorsunuz. http://twitter.github.com/bootstrap/scaffolding.html

Neredeyse bütün arayüz elementlerini düşünmüşler. Dolayısıyla bir web uygulaması için birçok hammal is yükünü üstünüzden alıyor. http://twitter.github.com/bootstrap/components.html

Neyse, proje sayfasından örnek uygulamaları, jquery geliştirmelerini ve github deposuna ulaşacağınız linki bulabilisiniz.

http://twitter.github.com/bootstrap/

"Yil 20XX olmuş hala IE ile uğraşıyoruz" diyeceğiz herhalde yıllar sonra da. Bu süreçte ie'ye tekmeyle de olsa html5'i en azından etiketleri tanıması için en basit çözüm olarak iki şey yapmanız gerekiyor.

Birincisi IE'nin dom ağacında html5 etiketlerine ait hiçbir initialization yok. Bunu tetiklemek için kullandığınız her html5 etiketi için en az bir tane element üretmeniz yetiyor. Sonrasında IE dökümandaki tüm elementleri dom ağacınızda tanımaya başlıyor. Bunun için:

<script type="text/javascript">
	elements = "article footer header nav sidebar section".split(' ');
	for (i in elements) { document.createElement(elements[i]); }
</script>

Tamam etiketler tanınır hale geldi ama daha büyük problem ise IE görsel olarak bu etiketlerle ne yapacağını bilemediği için default stillerini uyguluyor. Anlam veremeyeceğiniz marginler, değişik element türleri olarak bütün etiketler birbirine girmiş oluyor arayüzde. CSS ile tüm html5 etiketlerini blok element ayarlayıp basitçe resetlemek için:

section, header, nav, footer, article {
    display: block;
    padding: 0;
    margin: 0;
}

yapabilirsiniz. Bu sayede IEnin eski sürümleri 6,7,8 (emin değilim belki 9 da) html5i bir parça olsun tanır ve insan gibi gösterir hale gelebiliyor. Ama unutmayın daha birçok sorunu düzeltmeye çalışmak uğraşmak zorunda kalabilirsiniz.

Mobil tarayicilarin destekledigi HTML5 ozellikleri tablosu, eger web app gelistiriyorsaniz kesinlikle goz atmakta fayda var.

http://mobilehtml5.org/

Ben bu yaziyi html5 logosunu duyurmak icin yazmadim, zaten hepiniz gormus/duymussunuzdur bur yeni logoyu. W3C'nin bir digital ajansa bu logoyu yaptirmasini ele almak istiyorum. html daha onceden neden bu kadar dusunulmesi gereken bir konu degildi? Simdi niye bu kadar cok konusulup degerlendirilmeye calisiliyor?

Aslinda bu tamamen web teknolojilerinde html'in artik yerine baska birsey konulamaz sekle gelip standartlasmasindan kaynaklaniyor. Yani bundan 10 sene once hala microsoft farkli formatlar, adobe baska formatlar, apple veya linux dunyasi baska formatlar yayinlayip duruyordu. Artik sirketler yeni bir format pesinde degiller cunku su an web sorgularinin yanitlarini degerlendirmek tek bir dille yayinlanmiyor, yani artik web sayfasinin dili degil, nelerle kombine edildigi onemli, hatta o da degil deneyim onemli olmaya basladi. Bence insanlar artik deneyimi iyi oldugu surece altyapi olarak flash kullanilmasinin veya javascript ile guclendirilmesinin farkini onemsemiyor.

Neyse, konu html5'in bu kadar konusulup ince dusunulerek gelistiriliyor olmasi hem fikir verenlerin cogalmasi, hem alginin artik okunabilir ve taranabilir web'e tasinmasindan olusuyor. Dolayisiyla html'e verecekleri yeni isim, logo bu yeni nesil standardin kimligini olusturacak. Daha once bu kimlik var olmasina ragmen bu sekilde degerlendirilmiyordu. Ben bu gelismeyi cok mantikli buluyorum. Yani kullanilan dillerin kimsenin bilmedigi veya kitaplardan ogrenen bir konu olmasi disinda bu sektordeki insanlar tarafindan sempati uyandiracak bir kimlige sahip olmasi cok guzel birsey. Ozellikle de konuyu bilmeyen insanlar tarafindan bilinen yuzu.

Baska bir konu da artik html5 degil `html` olarak anilacak olmasi. Degisim zaten sadelesme, kuculme ve minimallesme uzerine kurulu benim gozumde. Dolayisiyla artik bir versiyon olarak degil ozellik (feature) olarak anilmasi daha mantikli. Cunku core yapiyi destekleyen/desteklemeyen tarayici kavramini ortadan kaldirip componentleri destekleyen veya desteklemeyen tarayici tartismalarini ortaya atmak html'in isini bu tartisma disinda tutuyor. Dolayisiyla artik gorsel problemler tarayici motorlari tarafindan html'i okuma degil css'i okuma/destekleme becerisi olarak tartisilacak. Bu da bence iyi birsey.

Not: Yukaridaki logo tamamen eski surum htmllerin bu kimlik eksikligiyle dalga gecen oatmeal'in calismasindan alinmistir. Oatmeal'in onerisi olan cozumu arastirarak sitesinden gormenizi tavsiye ederim

Wanda Digital Front-end developer arıyor!

Olmazsa olmazlar
- (X)HTML
- CSS
- Photoshop

Şunları da bilse veya azcık anlasa süper olur
- PHP
- Javascript, jQuery
- Flash, Actionscript

BaÅŸvurular : cvwandadigital.com