HTML 5 Hakkında Bir Soru

25/Tem/15 13:43

Kısayol

Şikayet

Özel Mesaj

uzengil

Kayıt Tarihi: 10/Ağustos/2011

Hocam blog gibi bişi istiyorsan basit ve kolay olsun v.b diyorsan wordpress tercih edebilirsin ama kendin yazacaksan bootstrap a bakmanı öneririm

İmza nasıl atılıyor ?

Alıntı yap

25/Tem/15 13:47

Kısayol

Şikayet

Özel Mesaj

Ömer Kerem
MuTReFT

Banlanmış Üye

Kayıt Tarihi: 28/Temmuz/2002

Genellikle. Css+jquery

Bazı özel durumlarda angularJs.

kod tarafı çok zor değil, zor olanı tasarımı :)

Mecburi not: Cahilliğin verdiği CESARET ile ettiği lafın nereye gideceğini hesap edemeyen, düşünemeyen, fikir yoksunu mahlukatlara CEVAP vermiyorum. Adalet Ve Kalkınma Partisi - İstanbul Beyoğlu Teşkilatı 2024/1 dönem aktif üyesi.

Alıntı yap

08/Ağu/15 13:10

Kısayol

Şikayet

Özel Mesaj

SoloTurk

Kayıt Tarihi: 16/Kasım/2009

PcK0 bunu yazdı

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.

Hocam çok teşekkür ederim.

Gerçekten kafamdaki bazı detayları aydınlattın.

Araştırmaya devam ediyorum. Ben grafik tasarımım çok iyi. Gerçekten güzel siteler tasarlıyorum ama bunları yönetemiyorum. Bir içerik ekleyeceğim 10 tane sayfa açıp orayı düzelt, orayı bağla, oraya köprü gir falan.

Kurumsal tasarımlarımı nasıl yöntebilirim? Tasarımı yapıyorum ama yönetemiyorum. Asp.net kullanmayı bilmiyorum nereden başlayacağımı bilmiyorum.

Oksijen, belki de yavaş yavaş öldüren bir zehirdir...

Alıntı yap

08/Ağu/15 13:55

Kısayol

Şikayet

Özel Mesaj

uzengil

Kayıt Tarihi: 10/Ağustos/2011

SoloTurk bunu yazdı

PcK0 bunu yazdı

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.

Hocam çok teşekkür ederim.

Gerçekten kafamdaki bazı detayları aydınlattın.

Araştırmaya devam ediyorum. Ben grafik tasarımım çok iyi. Gerçekten güzel siteler tasarlıyorum ama bunları yönetemiyorum. Bir içerik ekleyeceğim 10 tane sayfa açıp orayı düzelt, orayı bağla, oraya köprü gir falan.

Kurumsal tasarımlarımı nasıl yöntebilirim? Tasarımı yapıyorum ama yönetemiyorum. Asp.net kullanmayı bilmiyorum nereden başlayacağımı bilmiyorum.

Sana tavsiye hocam html-css-javascript ve php yok ise sitenin altyapısı v.s düzgün olmaz o yüzden wp kur içeriği düzenle wp çok kullanışlıdır local'e kurup herşeyi yapabiliyorsun ve ya kendi wp temanı yazabilirsin internette videoları var

İmza nasıl atılıyor ?

Alıntı yap