kodaman.org

Merhabalar geçmiş sayfalardan örnek bir datagrid html modelinin sıfırdan html'e aktarılış hikayesini tüm incelikleriyle açıklamaya çalıştığımız bu yazımızı okuyanlarımız hatırlayacaktır.

O gün için CSS3 multiple background özelliğine destek veremeyen tarayıcıların kodumuza yansıttığı zahmeti belirtmişdik. Bu gün ise explorer haricindeki tarayıcılarımız bu zahmetleri, rahmete çevirecek desteklerine kavuşdukları görünmektedir.

Öncelikle tipografi kavramına değinelim:
Tipografi bir grafik tasarım kavramıdır ve dilimize Yunanca’dan girmiştir. Yazı tipini bir forma, biçime sokma sanatı olarak tanımlanır. Tasarım kavramının yer aldığı (Web tasarımı da dahil olmak üzere) neredeyse her noktada büyük önem taşıyan bir olgudur.

Css ile Tipografi

Yani eğer hazırladığınız projenin konusuyla alakalı olmayan ya da görsel konsept bütünlüğünü bozacak yazı tipi stillendirmelerine girerseniz, tasarımsal kriterlere göre pek başarılı bir sonuç elde etmemiş olacaksınız.

Merhaba sevgili okurlar;

Sizlerle bugün?!? Yasemin'in penceresi gibi bir program sunmaya başlamadım değil mi. Baştan alalım:

Herkese selamlar,

Yazı dizilerimin devamına biraz da css katmak istedim. Css'in verdiği o rahatlığı öğrenince, insan hiç tasarımı kasmıyor. 1 saatte yaptığı iş 10 dakikaya iniyor bazen. Onun için css önemli bir konu.

Bugün sizlere anlatacağım konular :

• float ve clear'ın kullanımı
• overflow nedir?
• CSS 3'le beraber gelenler ve nerelerde iÅŸe yarayacağı
• CSS'i IE de kullanırken bize az da olsa kolaylık bir yöntem.

Bugünlük bu kadar konu yeter sanıyorum. Hemen girişimizi yapalım :

CSS, websitelerini stillemek için iyi bilinen ve geniş kesimler tarafından kullanılan bir dildir. Halen üzerinde çalışılan üçüncü sürümü ile geliştiricilere zaman kazandıracak pek çok özellik CSS'ye dahil edilecektir. Her ne kadar sadece en modern tarayıcılar tarafından bu özellikler desteklense de, yakında geniş kesimler tarafından kullanılabilecek olan bu yeniliklerin neler olduğunu şimdiden görmek güzel. Bu rehberde size CSS3 ile hayatımıza girecek olan 5 tekniği göstereceğim.

1: Genel Biçimlendirme

Dersimize başlamadan önce gelin dersimiz süresince kullanacağımız genel biçimlendirmemizi oluşturalım.