Css3, HTML5, Javascript Altyapıları, Tasarımcılar kesinlikle baksın.

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.

Eline sağlık gerçekten çok iyi bir yazı olmuş. Bu bir nevi Amerika'yı yeniden keşfetmeye gerek yok olayına dönüyor. Framework kullanmak çok önemlidir. Sektörü takip etmek çok önemlidir. Örneğin bir themeforest işlerine bakıyorum birde bizim yaptığımız WP temalarına aralarında dağlar kadar fark var. Çünkü themeforest da belli bir standart oturtulmuş ama TR de daha o standardı yakalayan tasarımlar zor çıkıyor. Themeforest kesinlikle takip edilmeli ve gerekiyorsa ordaki işlerden esinlenmeliyiz. Yazının devamı gelebilir. Bootstrap nasıl kullanılır, responsive tasarımda em ölçüsü nasıl kullanılır gibi gibi.. Tekrar eline sağlık güzel bir konuya parmak basmışsın.

çok teşekkürler

Aynen katılıyorum, burda bir standart yok, herkez kafasına göre tasarım yapıyor ve dediğin gibi, amerikayı tekrar fet etmeye gerek yok. her tasarım yapılışında sıfırdan başlamak çok gereksiz. bu şey gibi, bir inşaat ustacısının her seferinde tekrar kalıp yapıp sonra betonu dökmesi gibi. aslında standart kalıplar bir kere yapılırsa, birdaha hiç kalıpla ugraşılmayacak.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 03:42:24 -->-> Daha önceki mesaj 03:41:46 --

faydalı olabildiysem ne mutlu bana.

Gerçekten süper bir yazı olmuş.En ince ayrıntısına kadar araştırıyorum şimdi.

araştırmalarını bizimle paylaşırsan memnun oluruz.

teşekkürler

Css3'ü kullanalım ama önümüzde internet explorer gibi bir imtihan var.Pie felan derken iş çorba olup gidiyor .

Dip Not: (Herkes üstüne alınmasın benimle he fikir olanlar için söledim.)

hocam bu değerli yazı için size çok teşekkür ederim, bootstrap'ı şu anki projemin bazı bölümlerinde üstünde değişiklikler yaparak kullandım ve cok hosuma gitti, twitter ekibi çok çok cesur bir şekilde tamamen kendi sitesinde kullandıgı seyleri bedavadan sunmuş bu çok takdire layik birşey, ayrıyetten aşırı derecede kullanışlı oldugunuda söylemeliyim sizlere

artık bu zamanda bilinçli hiç bir kullanıcı ie kullanmıyor, bi kere microsoftun istediklerine ayak uydurmayın, sonuçta kendileri kaybediyorlar, ha sitenizin ieyi desteklemesi önemli bir şey ama, bence bu sadece ie'ye dik kafalıklılığını değiştirmeme fırsatı veriyor. CSS3'ü sitelerimde kullanıyorum, biraz düşününce istediğiniz çoğu şeyi yapabiliyorsunuz, javascript'ten çok fazla rol çaldı.