Web tasarımında sık sık karşınıza çıkabilecek bir diğer tabir de inline olacaktır. Inline 2 anlama sahiptir. Her ikisi de benzer özellikler gösterir.
CSS‘de display:inline şeklinde atanabilen özellik, öğenin block yapısından çıkmasına, bağlı olduğu kod satırındaki diğer öğelerle beraber gözükmesine sebep olur.
HTML‘de ise <style> ve <script> gibi elemanlar sayfa-içi tanımlamalar da inline CSS ve JS olarak gösterilirler.
Şimdi konuyu biraz detaylandıralım. (daha&helliip;)
HTML5 ile gelen yeniliklerin birçoğu interaktif web sayfaları oluşturmamıza ışık tutuyor.
Bu yeni elemanlar yığını geleneksel Web 1.0 sayfalarımızı daha şematik hale getiriyor. Böylece JavaScript ile yaptığımız birçok işlemin yerini HTML5’in varsayılan elemanları alıyor. Böylece veri boyutu ve açılma hızı düşüyor. (daha&helliip;)
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.
HTML5‘in getirilerini konuşmaya devam ediyoruz.
Bugün geolocation özelliğini tanıyacağız.Geolocation, kullanıcının bulunduğu bölgeyi görebilmemizi sağlayan basit bir kodlama.
An itibariyle güncel tüm browserlar yazılımı çalıştırmakta. Fakat eriştiği bilgilerin kullanıcıya özel olması sebebiyle çalışmadan önce kullanıcıdan izin istenmekte. Onay sonrasında akıllı telefonların GPS mantığıyla X ve Y koordinatlarınızı çözümleyip size rakamsal değerler sunmakta.
(daha&helliip;)
Üyelik sistemi ve yönetici sayfaları bulunan tüm web sayfaları kullanıcıların giriş yapabileceği formlar barındırmakta. Siz kendi kullanıcı giriş formunuzun tasarımından memnun musunuz?
Uzun bir aradan sonra tekrar bir giriş formu tasarımıyla sizlerleyiz. Bu sefer açık tonlar ve basit bir tasarım kullandık. Bu sefer iskeletimiz ise son teknoloji CSS3 ve HTML5 kod satırlarından oluşmakta!
(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 an itibariyle giriş sayfamızda da kullandığımız sliderın kodlarını paylaşacağım. Gayet şık ve hızlı olan tasarımımızı flexslider.js ile kusursuz bir sunuma döndüreceğiz.
Ayrıca WordPress kullanıcılarını da düşündük. Bu makalemde aynı sliderı WordPress içerisinde nasıl kullanabileceğinizi göstereceğim. Böylece gereksiz slider eklentileriyle sitenizi yavaşlatmaya son vereceksiniz.
(daha&helliip;)İşlem sıramız şöyle olacak ; Ek Dosyalar > HTML Kodları > CSS Kodları > WordPress Eklentisi
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;)
Sitenize Kolayca Slider Ekleyin
CSS ile üzerine gelince açılan kutucuklar oluşturun!
Web Sayfanıza Etkileyici Giriş Paneli
Fareyle Birlikte Hareket Eden Arkaplan Resmi
Mobil Sitenize WhatsApp ve Diğer Sosyal Paylaşım Linkleri Ekleyin
CSS ile Mobil Menü
CSS ile Renkli ve Görsel Geçişli Menü
Su İçme Hatırlatıcısı : Waterate
Photoshop ile Terk Edilmiş ve Yıkılmış Şehir Efekti