CSS Dersleri
Gelişen teknolojiyle birlikte ekran boyutları artıyor ve sayfalar daha fazla yer kaplaması için artık tasarımlarda eskiye nazaran daha geniş ekran genişlikleri kullanılıyor. Eskiden sayfalarımızı 800x600 genişlik için 760 piksel genişliğinde tasarlardık. Son zamanlarda 1024x768 (960 px)göre tasarımlar yapılmaktadır. Web tarayıcılarının tüm alanını kullanmak için elastik sayfalar kodlanıyor artık. Bana
Haberler
* Çoklu sınıf kullanımını anlatan İngilizce bit makale. Link * Google PageRank(Google'un her sayfaya verdiği puan servisi) hakkında ipuçları. Link * 100 adet CSS kaynağı. * CSS Rehberi CSS'in en önemli konularından "Float ve Clear" özelliklerini anlatmış. * Resimlere CSS ile saydamlık verme. Link * Farklı web tarayıcılarındaki kod
Haberler
* Microsoft bilgisayar kullanma mantığımızı değiştiriyor. * CSS ile güzel görünümlü form yapmayı anlatan ingilizce güzel bir makale. * PNG ile web sayfası yapmayı anlatan güzel bir makale. * Google internete bağlı olamadan servislerini kullanabilme imkanı sağlıyor.Şimdilik sadece bir kaç servisle başlayan bu özellik ileride tüm servislere yayılacakmış. Link * Firefox'un kullananlar
Haberler
* CSS background özelliğinin ayrıntıları ile anlatıldığı bir makale. Link * CSS ile boyutu değişebilen resim eklemeyi anlatan bir makale. Link * Adobe Dreamweaver CS3'ün RSS araçlarını anlatan bir makale. * Web tasarımcıları için güzel bir kaynak. 70 kodlama tekniği + 80 tasarım ipucu pdf olarak sunulmuş. Link * JQuery javascript kütüphanesi ile yapılmış
CSS Dersleri
Kodunuza Yorum Yapın Farklı web tarayıcılarının kodları farklı şekilde yorumlamalarından dolayı hızlı CSS kodlamak zorlaşıyor. Tasarımlar her web tarayıcısında aynı şekilde görünmez fakat kodlamaya başlarken başlangıç stil dosyası kullanarak -hızlı CSS yazma konusunda- kendine yardım edebilirsin. CSS dökümanınıza yorum ekleyerek başlamak önemlidir. Ben Andy Budd’un CSS kodlarını yazmadan önce;
Haberler
* WordPress 2.2 verisiyonu çıkmış. Link * Nisan 2007'deki en iyi web makaleleri ve araçları. Link * 8 CSS hack(düzeltme) ayrıntılı anlatan bir makale. * Html buton elementini yeniden keşfetmek adlı bir makale. Link * Smashing Magazine bu seferde lightbox ve sildeshow scriptlerini listelemiş güzel bir liste. Link * Google Video artık
Haberler
* CSS ile yapılmış güzel bir tooltip(fare üzerine gelince çıkan açıklama) örneği. Link * CSS ve Javascript ile yapılmış Form doğrulama anlatımı. * Javascript ile yapılmış kayan yazı ve resim örnekleri. * Adobe Dreamweaver CS3'ün yeni özelliklerinden biri hazır javascript kütüphaneleri kolayca sayfalarımıza ekleye bilmemizi sağlıyor. Bunlardan biri "Akordiyon menü&
Haberler
* HTML editörlerinden kolayca düzenlenebilir ve kullanışlı bir örnek. * Bir çok javascript kütüphanesi var ve kullanmak biraz araştırma ve bilgi gerektiriyor bunu düşünenler MooTools için eğitim videoları hazırlamışlar. * Google'un site analiz aracı Google Analytics in yeni versiyonunu duyurdu. Link * 5 unutulmuş Html elementini anlatan güzel bir İngilizce makale. Link
Haberler
* Javascript kütüphanelerinden Mootools'un 1.1 versiyonu çıkmış. Yeni özellikleri incelemeye değer. * Javascript kütüphanelerinden Prototype 1.5.1 versiyonu çıkmış. * Resimleri yakınlaştırma scripti, gayet başarılı. * Mehmet Nuri Çankaya'nın "Semantik Web" makalesine bir göz atın. * Andy Budd CSS3.0 hakkında bir makale yazmış "CSS2.2&
Haberler
* Digital Web Magazine'de yayınlanan "Bugün kullanılabilen 7 javascript Tekniği" adlı İngilizce makaleyi okumanızı tavsiye ederim. Link * Asp.net için yazılmış bir ajax kütüphanesi Gaia Ajax Widgets. * javascript ve css tabanlı yazılmış güzel bir kayan yazı örneği. * Birden fazla sınıf tanımı ile CSS kodlarımızı optimize etmek hakkında
CSS Dersleri
Normalde tüm köşelere kenarlık(border) tanımlarken: :::css border: 1px solid #333; kullanılır. Tek köşeye kenarlık vermek içinse: :::css border-[top-right-bottom-left]: 1px solid #333; kullanılır. köşeye kenarlık vermek için her birini ayrı ayrı tanımlamamız gerekir. :::css border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; Bunun yerine olmayan
Haberler
* Otomatik tamamlama için Asp.net'e uygun bir ajax ekelentisi. * Yeni nesil e-posta araçlarının CSS özelliklerini destekleme listesini sunan güzel bir site. * CSS ile font kullanımda bir çok kişinin karar veremediği konulardan bitanesi. Sabit değer kullanımı veya göreceli değer kullanımı ile ilgili güzel bir makale. * Güzel font seçmenin 15