Merhaba arkadaşlar,

siz css yazarken 0dan mı başlıyorsunuz ? veya javascript kodlarını ?

bir çok kişi farkında değil fakat, türkiyede web tasarım çok geriden geliyor, yabancı sitelere bakarsak, baya bir geriden geliyor.

Neden altyapı Kullanayım: işinizi büyük bir derecede kolaylaştırır!



Twitter Bootstrap Nedir ?
Twitter ekimi tarafından hazırlanmış, bir altyapıdır. diğer adıyla: framework.

css altyapısı: http://twitter.github.com/bootstrap/base-css.html

Javascript Altyapısı: http://twitter.github.com/bootstrap/javascript.html

Buradan indirebilirsiniz: http://twitter.github.com/bootstrap/index.html


Twitter bootstrap'dan sonra en iyilerinden Foundation vardır. foundation yine web tasarımcılar için bir altyapı sağlamıştır.

site link: http://foundation.zurb.com/


Altyapılar tamamen ücretsizdir, istediğiniz amaçla kullanabilirsiniz lisans konuşulları değişebilmeceği için, verdiğim siteki lisans koşullarını bakmayın unutmayınız.



Responsive Ne Demek ?
Responsive tasarım, her türlü araçta sorunsuz açılan tasarım demektir.
şimdi bilgisayarlar dışıında bir çok internete bağlanan araçlar var, telefon, tablet, tvler, artık buzdolapları üzerinde bile internete bağlanabiliyoruz.

Responsive tasarım %likler kullanılarak yazılır, bu sayede tasarım boyutlandırması otomatik sağlanır. ama pixel ( px ) ile css kodlarını yazarsak, tasarım sadece belirli px ile boyutlanır.


Bunların dışında, wordpress tema altyapıları vardır,

bu altyapılar bir wordpress temasını kolayca oluşturabilmeniz içindir, örnek verirsek: gantry. google'a yazarsanız bulursunuz. Bu altyapı bir çok özelliği zaten sunuyor, böylelikli siz php kodlarından çok tasarımı yapıyorsunuz. sizi php ve sistem kodları ile ugraşıtmaktan kurtarıyor.


Wordpress Tema ayarları Altyapısı
wordpress tema ayarları sayfası oluşturmak için sıfırdan başlamayın, yine altyapılar mevcut, Wordpress theme settings framework yazarsanız google'a çıkacaktır.


tüm tasarımcı ve yazılımcılar : github.com'u bilmeli, github.com ücretli ücretsiz ( genelde ücretsiz ) kod paylaşım platformudur, dünyanın en büyük kod paylaşım platformu diyebiliriz.


Javascript Altyapısı
Jquery vardır, bir çok kişi tarafından bilenmesine rağmen yine söylemek istiyorum. jquery bir javascript için altyapıdır, jquery her işinizi kolaylaştır. google'a jquery yazmanız yeterli.



Türkiyede webtasarımın biraz olsun gelişmesini istediğim için paylaşıyorum bu bilgileri. tabi bunlar sadece kısaca bir özet, bu konular çok ayrıntıya inmeli diye düşünüyorum. ilerleyen günlerde, bu yazı ilgi görürse, daha çok tecrübemi paylaşacağım.


Css2 Yi bırakın, artık css3 Var!
Css2 artık tarih oldu fakat bir çok tasarımcı css2 kullanıyor, css3'e geçin. css3' yine bir çok işinizi kolaylaştıracak.

css3generator.com Css Efekler oluşturmanıza yardımcı olacak bir sitedir, işinizi kolaylaştırır, www.css3generator.com bu siteyide incelemenizi tavsiye ederim.



bunların dışındada, Web tasarım yaparken farklı renkler kullanmak istiyorsanız, ColorPic yazılımını kullanmanızı tavsiye ederim. bu yazılım istediğin bir resmiden hex kodunu yani renk kodunu kolayca almanızı sağlar! google'de colorpic yazarsanız bulursunuz arkadaşlar.


Türk tasarımcılardan, themeforest.net, wrapbootstrap.com sitelerindeki tasarımınları incelemelerini tavsiye ediyorum.

Ve bir çok yabancı site css3 ile yapılabilecek tasarımları, neler yapabileceğini,v.b göstermektedir, sadece ingilizceniz biraz olsun yeterli. css3 + html5 + jquery ile hiç bir grafik kullanımadan, bir oyun örneği gördüm. gerçekten çok başarı bir örnek, videoları player.swf kullanmadan, sadece html5 + jquery ile güzel bir video player yapılabileceğini gördüm, web tasarım sürekli gelişmekte olan bir meslektir, siz yabancı kaynakları takip etmez, hep aynı yerde kalırsanız, ilerleyemessiniz.


kendi tecrübelerimi sizinle paylaşıyorum. Eminim bir çok tasarımcının işine yarayacaktır bu bilgiler, alıntı değildir,
tüm tasarımcılara başarılar dilerim.