normalize css nedir

Normalize.css , Nicolas Gallagher tarafından yaratılan, Github’da sürekli olarak güncellenen açık kaynaklı bir projedir.

Normalize.css , HTML öğelerinin varsayılan stilinde tarayıcılar arası tutarlılık sağlayan küçük bir CSS dosyasıdır.

Bu, tarayıcılar tarafından uygulanan stillerin W3C standartlarına bakarsak ve tarayıcılardan birinde tutarsızlık varsa, normalize.css stilleri, tarayıcılar arasındaki tutarsızlıkları varsayılan değerleriyle birlikte düzeltiyor.

Ancak bazı durumlarda hatalı tarayıcıları, genellikle IE veya EDGE nedeniyle, standartlara göre yinede tutarsızlıklar ortaya çıkabiliyor. Bu durumlarda düzeltmeler ekstra css kodlar yazmamız gerekebilir.

Reset css projemize dahil ettiğimizde tüm tarayıcı ayarlarını resetliyordu yani sıfırlıyordu.

Reset CSS’de tüm değerlerin sıfırlanması sıkıntı çıkarabiliyor.

Bunun üzerine Normalize CSS çıkarıldı. Normalize CSS tüm özellikleri sıfırlamak yerine bunlara bir değer atıyordu.

Örneğin site kenar boşluklarını 10 px yapıyor. Bu sayede her tarayıcı kenar boşluğunu 10 px olarak gösteriliyor.

Reset.CSS ve Normalize.CSS Arasındaki Farklar Nelerdir?

  • Normalize.css her şeyi sıfırlamaz. Gerekli özellikleri sizin belirlediğiniz kadar değiştir.
  • Normalize.css, reset.css kapsamının dışında kalan bazı hataları düzeltir.
  • Normalize.css modüler bir yapıdadır. Örneğin projenizde form kullanmayacaksanız form normalizasyonu bölümünü kolayca kaldırabilmenizi sağlar. Yani normalizasyonda bölümler bağımsızdır diyebiliriz.
  • Normalize.css ‘in dokümantasyonu daha gelişmiştir. Normalize.css kodu Github’da kapsamlı olarak belgelenmiştir. Her kod satırının ne işe yaradığı anlatılmaktadır. Yalnızca ne işe yaradığıyla kalmayıp tarayıcılar arasındaki farkın ne olduğunu da gösteriyor.

 

Aşağıda normalize.css’in son sürüm kodlarını paylaşıyorum.

normalize.css v8.0.1

Aynı şekilde bu kodları not defterine kopyala yapıştır yaparak normalize.css olarak kaydedip sayfanıza ekledikten sonra kullanabilirsiniz.

Ya da hemen indirmek için aşağıdaki linki ziyaret edebilirsiniz.

normalize.css’in son sürümünü indirmek için : http://necolas.github.io/normalize.css/

Yukarıda da dediğim gibi gördüğünüz üzere her kod satırının ne işe yaradığı ve tarayıcılar arasındaki farkın ne olduğunu da gösteriyor.

Normalize css’in yenilikçi bir yapıt olmasının en iyi örneği HTML5 uyumlu bir durumda ve mobil site anlayışında bile etkileyici bir uyumluluk söz konusu.

normalize.css’i Twitter Boostrap, CSS Tricks, GitHub, SoundCloud gibi yapıtlar da kullanıyor.

Bana hangisinin kullanılması daha iyi diye sorarsanız normalize.css’i tavsiye ederim bende her zaman projelerimde normalize.css’i kullanıyorum.

 

reklam alanı

Yorum Yap

Lütfen Yorumunuzu Yazın
Lütfen adınızı yazın