Derinlemesine HTML-CSS Kodlarını Optimize Etmek. (Bedava Hizmet Veriyorum) (Dev Kaynak)

Hocam elinize emeklerinize sağlık, detaylıca inceleyeceğim konu bence sabitlenmeli

Valla kaç yıldır bu işi yapıyorum css ile ilgili bilmediklerim varmış

Gerçekten çok faydalı, ben bu konularda profesyonel değilim. Amatör olarak uğraşıyorum fakat benim bile birşeyleri anlamamı sağladı.. Detaylı inceleyip uygulamaya çalışacağım.

Elinize sağlık..

r10+ vermeye çalıştım olmadı. ellerine yüreğine sağlık.

R10+ nasıl veriyoruz? Biri açıklayabilirse R10+ vermek istiyorum.

Güzel ve bilgilendirici bir makale olmuş teşekkürker

Çok iyi hazırlanmış yararlı bir makale. Emeğiniz için teşekkürler.

Ek olarak benim tavsiye ettiğim ve sürekli kullandığım css minify da bu: https://css.github.io/csso/csso.html bir çok siteye göre daha iyi optimize ediyor.

Örnek olarak;

.foo { color: #ff0000; }
.bar { color: rgba(255, 0, 0, 1); }

Yukarıdaki kodun 3 css sitesindeki çıktısı şu şekilde;

.foo{color:red}.bar{color:rgba(255,0,0,1)}

.foo{color:#f00}.bar{color:rgba(255,0,0,1)}

.foo{color:#f00}.bar{color:rgba(255,0,0,1)}

Csso üzerinde ise;

.bar,.foo{color:red}

Güzel düşencenizden dolayı çok teşekkür ederim hocam.

Eğer konuda eksik var ise bilgilendirebilirsiniz hocam. Yararım dokunduysa ne mutlu bana.

Çok sağolun hocam. Uygulamada problem yaşarsanız, bir mesaj uzağınızdayım.

Hocalarım R10+ sadece konu sahibi verebilir ama vermiş kadar oldunuz çok sağolun.

Ben teşekkür ederim hocam.

Yorumunuzdan dolayı çok teşekkür ederim hocam. 21. Madde olarak konuya ekledim.

Merhaba öncelikle yararlı makale ellerinize sağlık. Div isimlerini kısa tutun demişsiniz hatta "container" yerine "c" kullanmışsınız. Peki "name" class'ını "n" olarakta kısalttınız mı? Daha önemlisi ben o class ismine baktığımda ne işe yaradığını anlayabilecek miyim? Cevabı hayır ise yapmayın

Yorum satırlarını silin bölümünde ise "gereksiz yorum satırı bırakmayın" olarak düzenlemek daha mantıklı. CSS'de bölümlere ayırıp hangi bölümde ne yapıldığını anlatabilirsiniz. Çok kompleks bir şey vardır oraya yorum satırı düşersiniz. Her kod için yorum satırı düşmeye gerek yok.

Ayrıca margin-padding kullanırken

p { margin: 0px 20px;}

gibi kullananları görüyorum ve bazen dikkat etmeyip bende kullanıyorum.
Top ve Bottom ile işlemini yoka yani orada margin olmasa da fark etmiyorsa

p {
margin-left: 20px;
margin-right: 20px;
}

şeklinde kullanmak daha doğru olacaktır.