CSS Dersleri
Daha önce "CSS ile Tabloları şekillendirmek" adlı makalemizde tablo yapılarını gördük ve görünümünü daha güzel nasıl yaparız onun üzerinde durmuştuk. W3C bu durumu göz önünde bulundurarak tablo ve tablo elementlerinin görünümünü düzenlemek için tablo özellikleri ekledi. Tablolar diğer HTML elementlerinden daha farklı kendine has elementlerdir ve farklı özellikleri
CSS Dersleri
Bu aralar CSS kitabına(e-kitap) ağırlık verdim. Kitaptaki eksik bölümleri tamamlıyorum. İnşallah en yakın zamanda bitecek. Bu konuda onlardan biri. Kutu elementlerin görünümüne çeşitli etkiler yapan özellikleri göreceğiz bu makalede çoğu CSS2 ile birlikte gelen bu özellikler aşağıda sıralanmıştır. * overflow - taşma * clip - kırpma * visibility - görünürlük Overflow Yapısı:
CSS Dersleri
Tablolarda bazen içeriğe göre tablonun genişlemesini istemeyiz veya içeriği aşağı kaymasını engellemek isteriz. İşte çözüm hemde Gmail'den. Google bize web hakkında örnekleri ile de yardım ediyor. Gmail'de tablo genişliğini sabitlemenin daha doğrusu metinin tablo genişliğine göre overflow:hiden uygulamasını gösteren güzel bir yöntem {% highlight css %} .grid
CSS Dersleri
Float CSS ile web sayfası kodlamak için en çok kullandığımız özelliktir. Beni bu makaleyi yazmaya iten en önemli etkende float'ın çok fazla kullanılması ve bu sorunla birçok kez karşılaşmamdır. Sorun; float uygulanmış bir elementi içeren kapsayıcı element içeriğine göre genişlememesidir. Bu sorun zemin rengi/resmi uygulanmış veya kenarlık
CSS Dersleri
11 Ağust'ta yazdığım haberler içerisinde yer alan "HTML5'in yeni elementleri" adlı makaleyi okudum ve konuyu biraz araştırdım. Bu makaleyi baz alarak yeni elementler hakkında genel bir özet çıkardım. Güzel elementler eklenmiş. Neyse yazıya geçelim. Html'in yeni versiyon çalışmaları sürüyor. Şimdiye kadar bazı
CSS Dersleri
Daha önceki makalelerimde devamlı margin kelimesini kullandım ancak bu makaleyi yazarken karşıma margin(marj) yerine Türkçe kenar boşluğunu kullanabileceğimi gördüm. Bu makalede ve sonraki makalelerimde bu şekilde kullanacağım. Makalelerimi yazarken devamlı Türkçe kelimeler kullanmayı tercih ediyorum, ancak bazı kelimelerin karşılılarını bulmakta zorlanıyorum. Neyse asıl konuya geçelim. Kenar boşluğu çökmesi nedir?
CSS Dersleri
Başlıklar bir siteye girdiğimizde dikkatimiziçeken ilk unsurlardandır. Başlıkları sadece bir konunun başlığı olarak göremeyiz, onlar aynı zamandaerişebilirlilik ve tasarım açısından da önemlidir. Başlıklar normal metine göre daha büyük font değerlerinde ve farklı renklerletanımlanır genelde. W3C başlıkları bir konunun kısa açıklaması olarak algılarve ona göre davranır. Bu önemle bahsedilen başlıkları nasıl
CSS Dersleri
Bazı web tarayıcıları title tanımlı nesnelerin üzerine gelince tanımlanan bilgileri gösterirler. Bir çok tasarımcı javascript ve css yardımıyla Araç İpucu geliştirerek farklı tipte ve çeşitte araç ipucu oluşturmaktadır ve oluşturmaya devam etmektedir. Biz burada sadece CSS ile Araç İpucu oluşturmayı göreceğiz. Bu metot yeni nesil tarayıcılarda sorunsuz çalışmaktadır. XHTML kodu
CSS Dersleri
Bu makalede geçen yöntemlere artık gerek kalmamıştır. CSS3 ile gelen box-shadow özelliği bu işi kökünden hallediyor. (19.01.2016 güncellendi) Resimlere gölge vermek bir çok tasarımcının kullandığı derinlik hissi veren güzel bir efekttir. Bir çok insan bu efekti vermek için resim düzenleme programlarını kullanmaktadır. Resimlere CSS ile de gölge verebiliriz.
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