Düzgün CSS Yapısı

RESET

Html elementlerine reset kodu ekleyerek elementlerin arasındaki boşluğu sıfırlayabilirsiniz. Reset kodunu Eric Meyer'in düzenlediği reset kodlarını kullanabilirsiniz. Yada alttaki kodu kullanarak ksıa bi yol izleeyebilirsiniz

* {
    margin: 0px;
    padding: 0px;
}

Fakat bu kodu kullnaırsanız input elementlerini resetleyemezsiniz

ALFABETİK SIRALAMA

Css kodlarını alfabetik sıralamada yaparsanız hem okuması rahat olur hem de daha sonra geri dönüp bakmak istediğinizde aradığınızı kolayca bulabilirsiniz.

#sample1 {
    margin: 0px;
    color: #000;
    background: #fff;
}

#sample2 {
    background: #fff;
    color: #000;
    margin: 0px;
}

Yukarı daki kodları okuduğunuzda eminim ikinci örnek daha anlaşılır gelmiştir.

İSKELET OLUŞTURMA

CSS kodlarınızı yazmadan önce hangi kodun nerede kullanılacağına dair yorumlar yapın. Mesela header elementleri için ayrı bir yer footer için ayrı side bar için ayrı bir yer olsun.

/*****Header*****/

Define all elements in the header

/*****Content*****/

Define all elements in the content area

/*****Footer*****/

Define all elements in the footer

/*****Etc*****/

Continue to define the other sections one by one

Daha detaylı bilgi için

Read More

CSS ile Metin Dündürme (Text Rotation with CSS3)

CSS3 ile Bir Metni Döndürmek

CSS3'ün inanılmaz derecede görsellik sunduğunu daha öncede belirtmiştim. Şimdi ise sizlere CSS3 ile bir metni nasıl döndürebileceğimizi anlatmaya çalışacağım. CSS3 ile bir metni istediğiniz derecede döndürebilirsiniz. Tek yapmanın gereken metni ne kadar döndürmek istediğinizi belirtmeniz.
Browserların CSS3'ü destekleme konusunda bazen sıkıntı yarattığını ve bunu çözmek için hangi formülleri uygulamanız gerektiğini belirtmiştim.

Read More

CSS3 ve Getirdiği Yenilikler

Sunum, reklam, pazarlama gibi ögelerin öne çıktığı günümüzde web tasarımcıları da kendi yeteneklerini sanal ortamda daha fazla görselleştirme çabası içinde. Daha karmaşık kodları en kısa ve öz biçimde yazarak zihinlerinden geçenlerini sanal ortama aktarmaktalar. Tasarımcıların bu zorlu yolda daha kolay yol almasını sağlamak ve yeteneklerini kolayca görselleştirmelerini sağlamak için CSS yeni formüller geliştirmekte. Hızına browserların bile yetişemediği CSS3 ile websitelerine daha fazla hareket geliyor. Yayınlanan formüller bir web sitesinin görsel anlamda daha fazla işlevsellik kazandığını gösteriyor.

Read More