Sağlıklı css yazmak oldukça önemli bir kavramdır. Web tasarım ve yazılım sektörü son 2-3 yılda çıkışa geçen ve birçok kişinin hobi veya kendi işi olan sektör haline gelmiştir.
Aşağı yukarı 2-3 senedir anormal canlılık gösteren ve birçok kişinin uğraştığı konuların başında kodlama sektörü gelmektedir. Bu konunun en temel noktası olan CSS dilinin ne olduğuna ve ne işe yaradığına değinecek olursak;
CSS dili tek başına hiçbir şekilde kullanılmayan ve script olarak görülmeyen biçime bağlı bir dildir. HTML ile birlikte kullanılması gereken ve HTML olmazsa olmaz denilebilecek bir dildir. CSS dilini en temel ve kolay şekilde anlatacak olursak; Düzenlenen nesnenin görüntüsünü değiştiren bir dildir. Yani bir yazının veya bir resmin yüksekliğini, büyüklüğünü, rengini değiştiren dildir.
Peki Saglıklı CSS nasıl yazılır?
CSS yazma mantığı HTML dilinden farklı olarak yazılır. HTML den verilen etiketimiz “websitem” olsun.
#websitem
{
Buraya verilecek özellikler yazılır.
}
şeklinde yazılmaktadır. Şimdi kullandığımız kodların anlamlarını listeleyecek olursak;
“#” bu HTML’de verilen etikete göre yazılır. Yani HTML’de “<div id” dediyseniz buraya bu işareti koymak zorundasınız.
“.” gibi bir işarette konulabilir. HTML’de “<div class” tagını kullanırsanız bu işareti koymak zorundasınız.
“{}” etiketleri standarttır ve her css de kullanılmak zorundadır. 2 süslü parantez arasına yazılacak özellikler gelmektedir.
Konuyu biraz daha ileriye alırsak, “ CSS yazan kişi kodlarını nasıl yazmalıdır” sorusuna cevap arayacağız.
CSS kodlarımızda tabiri caizse zorlama olmamalıdır. Yani her şey tık tık yerine oturmalı ve responsive görüntü alınmalıdır. Bu her şeyden önemlidir. Mobilden giren ve notebooktan giren kişi aynı şeyi görmelidir. Bu sitenin içeriğinden hatta scripten çok daha önemli konudur.
Sağlıklı CSS konusunu maddeleyecek olursak ;
- 1- Resimleriniz, yazılarınız veya farklı içerikleriniz için ayrı ayrı divler açmalı ve her birini köşesine uygun ayarlamalısınız. Böylece kayma durumu en aza indirgenmiş olacaktır.
- 2- HTML sayfasında asla CSS kodu yazmamalı, her zaman harici bir sayfa açıp kodunuzu oradan yazmalısınız.
- 3- Aynı id’den 2 adet oluşturmamalı ve class ve id ‘nin ne işe yaradıklarını iyice araştırmalı ve bilmelisiniz.
- 4- Margin ve padding kodlarının kullanımlarını iyice araştırmalı ve öğrenmeniz gerekmektedir. Örnek olarak “margin-top:300px” kodu çok yanlış bir koddur.
- 5- Margin komutunu – ile kullanmamaya özen gösteriniz.
- 6- İE8 ve İE7 için kodlarınızı ayarlamalı ve İE içinde css kodları hazırlamalısınız.
- 7- w3c standartları doğrultusunda CSS kodlarınızı hazırlamalı ve hatalarınızı düzeltmelisiniz.
- 8- CSS güncellemelerini takip etmeli ve yeni teknolojilerden yararlanmalısınız.
- 9- Kaldırılan tagları kullanmamalısınız. Örneğin; font ve p tagı kullanılmayan taglardır ve sitenize zarar verecektir.
- 10- h2 ve h3 taglarını seo ile orantılı olarak sık sık kullanmalısınız.
- 11- Css sprite tekniği kullanmalısınız.
- 11- Kodlamayı bitirdiğinizde 4-5 sene sonra bile bir kişi sizin kodunuza bakarak gerekli düzenlemeleri basitçe ve vakit kaybetmeden yapabilmelidir.
Merhaba şu koda bir bakar mısınız ? Ben sitemde bu kodu çalıştırma istiyorum ama olmuyor ne yapabilirim ?
Site hizmet dışı.
Merhaba, Burada bir kod paylaşımı yapmadım, sadece mantığını ve sağlıklı bir şekilde nasıl css yazıldığından bahsettim.