Number Spinner
Genelde ürün kataloglarında sepete eklenecek ürünlerin adedini belirlemek için kullanılır. Spinner kullanırken dikkat edilmesi gereken hususlardan en önemlisi değerin eksiye düşeceği durumlar ve düşmemesi gereken durumlardır. Devamı…
Genelde ürün kataloglarında sepete eklenecek ürünlerin adedini belirlemek için kullanılır. Spinner kullanırken dikkat edilmesi gereken hususlardan en önemlisi değerin eksiye düşeceği durumlar ve düşmemesi gereken durumlardır. Devamı…
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ı…
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ı…
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ı…
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ı…
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 />"); |
İmage kullanarak custom bir select box (combo box) hazırlıyoruz.
Önce Javascript kodumuzu yazıyoruz:
Devamı…
Backendden gelen “lorem ipsum dolor” içeriğini html yüklenirken saydırıp karakter limiti 10’u geçiyorsa kesip sonuna elipsis “…” ekliyoruz. Devamı…