HTML 5 Hakkında Bir Soru
-
Arkadaşlar Merhaba.
İnternette mükemmel HMTL 5 ve CSS 3 tasarımlarına denk geliyorum. Merak ettiğim şu.
Bu tasarımları hangi script üzerine giydirip kullanıyorlar? Bu tasarımlar için admin paneli mi yazıyorlar? WP'ye Drupal'a falan mı giydiriyorlar?
Bu tasarımları kullanmak istiyorum. Nasıl kullanıyorlar?
-
Bilgisi, yardımları olan birisi yok mu arkadaşlar?
-
%80 wordpress oluyo genelde
-
bende takipteyim ne kaparsam bilgi namına kar.
-
Php ile basit bir script yapıyorlar, olmadı wordpress yapıyorlar. Şahsen blog tasarımı gibi bişeyse wordpress temasını yapmak çok basit
-
Örnek verebileceğin siteler var mı? Çok güzel bulduğun.
-
ontedi bunu yazdı
Örnek verebileceğin siteler var mı? Çok güzel bulduğun.
Bak hocam mesela şu harika bir tasarım HTML 5 CSS3
http://templatevisual.com/demo/blue-bird/
-
SoloTurk bunu yazdıontedi bunu yazdı
Örnek verebileceğin siteler var mı? Çok güzel bulduğun.
Bak hocam mesela şu harika bir tasarım HTML 5 CSS3
http://templatevisual.com/demo/blue-bird/Biraz
Biraz photoshop, fazlaca CSS3 ve biraz da HTML5 gerekli diye düşünüyorum. Gerçi CSS3'teki yapı grafik gereksinimi en aza indiriyor. Yaptın tasarımı sonra php, asp, .net kullanarak tasarımına dinamizm kazandır
-
hocam "bootstrap" de kullanabilirsin, güzel tasarımlar çıkıyor onda da.
-
RockZs bunu yazdı
hocam "bootstrap" de kullanabilirsin, güzel tasarımlar çıkıyor onda da.
Evet bootstrap'ı duydum ama fazla bilgi sahibi değilim.
Açıkçası öğrenmeyi çok istiyorum.
-
HTML5 ve CSS3'ü herhangi bir script üzerine oturtmuyorlar. Kullanılan script javascript fakat hiç script kullanama dahi gerek kalmadan esnek tasarımlar yapabiliyorsun ki onu da javascript değil CSS3 yapıyor.
CSS3'te @media() { } diye komut var bununla yapıyoruz. Bir if yapısı kazandırıyor bize ve böylece javascript kullanmadan esnek tasarımlar yapabiliyoruz.
şöyle ki:
#makale { width: 100%; } #sagmenu { width: 100%; } @media( min-width: 768px ) { #makale { width: 75%; } #sagmenu { width: 25%; } }
Kodunda normalde full genişlikte gösterilecek olan makale ve sagmenu elementi 768px+ piksel ekran genişliklerinde width sayfanın %75'i, sagmenu sayfanın %25'i olarak atanıyor. Buradaki boyutu ekran boyutundan değil çalıştığı tarayıcının genişliğini baz alarak yapıyor. Böylece bir çok ekranda güzel bir görünüm sağlıyorsun. Bütün olay temel olarak bundan ibaret.
Ayrıyetten transition var ki ease işlemlerini yapabiliyorsun. Bu da jqueryde dahili gelip sayfada çok güzel element giriş çıkışını görsel olarak yaptığımız şey. Böylece hareketli ve interaktif gözüken bir sayfa aslında hiç javascript kodu kullanmamış oluyor. Ayrıca tahmin de edebildiğin üzere CSS3 ile yapılan görsel efektler javascriptten daha hızlı ve CSS3ü destekleyen gerek mobil gerek başka platformlardaki tarayıcılarda pek az sorun ile çalışıyor.
HTML5 dersek, html5'ın en büyük olayı canvas'tır bana göre. Anlatılacak çok şey var. Hepsi çok güzel şeyler. Her birinin içinde boğulabilirsin yapacağın güzel şeyleri gördükçe. Devam edeyim.
Bu esnek tasarımlar için kullanabileceğin framework en popüler olanıyla Bootstrap. Bootstrap kullanmaktan çekinme. Tasarımlarını yaparken rahatlarsın. Modern olmayan element görünümlerinden kurtulabilirsin. Alternatif frameworkte fazlasıyla var. Jquery konusuna girmiyorum.
Son olarak yani esnek sistemlerde kullanılan bir javascript yok. Eski olanlar herşeyi javascript ile yapmak zorunda kaldıkları için yeni tasarımlarda javascript kodlaması var sanıyor. Yalnış CSS3 ile gelen bazı sihirli komutlar bize bunu sağlıyor. Sanırım konu başlığındaki kafanda karmaşa yapan temel soru da buydu. Yoksa admin paneliyle güzel bir tasarımın pekte alakası yok. Tamam kolaylıklar WP ile var ama WPde de stil dosyalarını değiştirerek ya da kodlamasını eski gridçi table'a çevirerek gayet kötü hantal kullanışsız ve sıkıntılı tasarımlar elde edebilirsin. Ama en hazır kaynak olarak elbetteki WP'yi kullanıyorlar.
Edit: anlamsız cümle.
PcK0 tarafından 25/Tem/15 12:04 tarihinde düzenlenmiştir