Eşit Yüksekliğe Sahip Sütunlar (Equal Height Columns, Equal Height Divs) – Internet Explorer’da Çalışıyor.

Eşit Yüksekliğe Sahip Sütunlar (Equal Height Columns, Equal Height Divs)2

Yan yana dizilmiş kutuları hizaya sokma sorunsalı hep baş ağrıtmıştır. Bu sorunu css ile çözerseniz IE‘gibi browserlarda sonuç alamıyorsunuz. Çünkü benim araştırdığım kodların tümü Css3 için tasarlanmış. Tüm browserlarda etkin bir sonuca ulaşmak için basit bir javaScript yazarak sorunu çözebiliyoruz. Devamı…

2013 Yılının Web Tasarım Trendleri Üzerine Düşünceler!

- Responsive Web Design (Duyarlı Tasarımlar) & Parallax Scrolling Effect (Paralaks Kaydırma Efektleri)

Web tasarım trendleri eskiye göre çok daha hızlı, neredeyse hergün gelişen bir dinamizme sahip. Bu dinamizmin en büyük nedeni tasarımcıların ilham alabileceği sosyal platformlardaki artış. Tasarımcılar dünya çapında yeni işleri inceleyip, ilham alabiliyor ve bu gelişmeleri anlık takip ettiğinden dolayı hızlı aksiyon alabiliyorlar. Geçmişte ise işler bu şekilde yürümüyordu. Tasarımcılar yeni trendleri ve diğer insanların yaptıkları işleri yazılı yayınlardan ya da idol aldıkları kişilerden öğrenerek düşünce akışını çok zayıf da olsa sağlıyorlardı. Bu nedenle genelde dünya devi markaların tasarımları örnek alınıyordu. Günümüzde ise Behance.net, Dribbble.com gibi siteler sayesinde tasarım alanında işlerin ne şekilde ilerlediğini öğrenmenin haricinde işlerinizi paylaşarak eleştiriye açabiliyor ve düşünce akışı sağlayabiliyorsunuz. Bu da tasarım sektöründe trendleri artık dev markaların değil tasarımcıların belirlemesini sağlıyor.

2013 Yılının Web Tasarım Trendleri Üzerine Düşünceler!
– Flat Design (Düz Tasarım)
– CSS3 ile Animasyon ve İnteraktif Tasarımlar
– Simgeler ve Çizimler (Icons & Illustrations)
– Responsive Web Design (Duyarlı Tasarımlar) & Parallax Scrolling Effect (Paralaks Kaydırma Efektleri) Devamı…

Html E-mail (E-mail Marketing) Gönderme Standartları ve Püf Noktaları

Günümüzde her ne kadar web teknolojileri gelişse de mailing sektöründe işler o şekilde ilerlemiyor. Bugün kullandığımız mail clientlarının çoğu css özelliklerinden birçoğunu desteklemez. Bu eksikliği hazırlanan html maillere inline css yazılarak, div yerine table yapısı kullanarak kısmen çözmekteyiz. Devamı…

Placeholder desteklemeyen browserlar için jQuery ile textarea placeholder yapımı

Malum Internet Explorer gibi eski teknoloji browserlar var oldukça yeni nesil “placeholder” gibi işimizi kolaylaştıran tagleri tam anlamıyla hiçbir zaman kullanamayacağız. Bu nedenle web sitenize eklediğiniz textarea için focuslandığında kaybolan ve iptal edilince geri gelen, bir şey yazdığınızda silinen mesajı nasıl yapacağınızı göstereceğim.
Devamı…

JavaScript Ders-4 (JavaScript ile Html’e veri yazdırmak)

JavaScript ile Html’e veri yazdırmak

Tagleri ve özellikleri string değer olarak ” işareti içerisinde yazıp (+) operatörü ile bağlarız.

1
2
3
document.write("<div style='font-size:34px;'>"+"Merhaba"+"</div>");
//Diğer örnek
document.write("Evren"+" "+"Akar"+"<br />");

Devamı…