HTML5‘in ayak sesleri duyulduğunda çok sert bir geçiş sürecinin bizi beklediğiniz düşünmüştük. Fakat korkulan olmadı. Eski elemanlara sağlanan destek yavaşça kesildi ve HTML5’in yenilikleri yerlerini teker teker aldı.
Bu makalemizde HTML5’in beraberinde getirdiği elemanları ve tarihin tozlu sayfalarına gömülecek olan eski kod birimlerini konuşacağız.
İşte karşınızda ilk ve tek tam liste! (daha&helliip;)
HTML5 ile birlikte <audio> elemanına merhaba dedik. Bu yeni kod birimi tüm modern web görüntüleyicisinde sorunsuz olarak çalışmakta. Fakat yine de web üzerinden müzik oynatmak sanıldığı kadar kolay değildir.
Yazacağınız kod Internet Explorer, Chrome, Firefox ve Safari gibi görüntüleyicilerle yetinmeyerek PC, MAC, IOS ve Android gibi işletim sistemlerinde de sorunsuzca çalışmalı. (daha&helliip;)
Günümüzde profesyonel tasarımlar artık WWW (World Wide Web) erişimine sahip tüm cihazlara uygun olarak hazırlanmakta. Bu liste ne yazık ki akıllı telefonlar ve tabletler ile bitmiyor. Her geçen gün farklı ekran boyutlarına sahip yeni cihazlar çıkmaya devam ediyor.
Bu makalemizde taşınabilir cihazlara uyumlu HTML5 taslağı oluşturacağız.
WordPress kullanılan temaya göre sayfa yapıları belirleyip kullanmakta. Bunlar “single.php”, “page.php”, “search.php”, “author.php”, “404.php”, “category.php”, “archive.php” ve “index.php” şeklinde sıralanmakta.
Fakat özel bir sayfada PHP kodu çalıştırmak gibi işlemler yapmaya kalktığımızda bu kalıp yapıdan kurtulamıyoruz. Bu makalemde custom-pages.php mantığıyla kendi özel sayfanızı WordPress temanıza nasıl yedirebileceğinizi anlatacağım. Böylece içeriğiniz için temanın taslağı haricinde özel bir yapı hazırlayabileceksiniz. (daha&helliip;)
Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.
Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.
Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!
(daha&helliip;)
Merhaba arkadaşlar.
Bu makalemde içerisinde maksimum ve minimum karakter limiti barındıran bir form öğesi hazırlayacağız. Böylece oluşturduğumuz form alanlarına ziyaretçilerin minimum ve maksimum kaç karakter girebileceğini belirleyebileceğiz.
Bu işlem için jQuery desteği almamız gerekecek. Çünkü anlık olarak yazılan karakter sayısını belirtmemiz gerekiyor. Ben jQuery.min.js kullanacağım. Versiyon olarak ise 1.5.1 ve daha günceli yeterli olacaktır. Şimdi arkanıza yaslanın ve formumuzu hazırlamaya başlayalım.
(daha&helliip;)
Çok değil, birkaç yıl önce sağdaki animasyonun dosya tipinin ne olduğunu sorsalardı SWF veya herhangi bir video formatı olduğunu iddia ederdim.
Günümüzdeki kod sistemleriyle bu tarz sunumları hazırlamak için çok fazla çaba sarfetmenize gerek yok. Birkaç satır JavaScript kodu ve tasarım unsurlarına az da olsa hakim olmanız neredeyse yeterli. Nasıl mı? Hadi derse başlayalım.
(daha&helliip;)
CSS’in transition (geçiş) özelliği ile nasıl animasyonlar hazırlayacağımızı öğrenmiştik. Bu makalemde ise JavaScript desteği ile sayfaya girildiğinde otomatik olarak renklenen başlıklar hazırlayacağız. İşin güzel kısmı ise bunu hiçbir görsel kullanmadan yapacak olmamız.
(daha&helliip;)
6 ay kadar minik bir aradan sonra merhabalar. İçinde bulunduğum boşluktan yararlanarak ben silah altındayken neler konuşulmuş diye bakınıyordum. Çıkış yolum Jan Reimers’ın çalışmaları oldu. İşte karşınızda HTML ve CSS ile hazırlanmış güzel tasarlanmış bir blue screen örneği.
Merhaba arkadaşlar.Sizlerin de bildiği gibi CSS3 ile Filter yelpazesi fazlasıyla genişledi. Photoshop ve türevi programlarda kullandığımız Blur efekti CSS’e kod desteği ile birlikte geldi. Fakat an itibariyle tüm tarayıcılar bu yeniliği desteklememekte. Bu yüzden size kullandığım alternatif tekniği öğreteceğim. (daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
Photoshop ile Sis Efekti
Responsive Akordiyon (Collapsible)
Web Sitenize Ücretsiz SSL Sertifikası
Mobil Uygulama Tasarımı