Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Sass Temelleri: Variable, Nesting, Parent Selector (&), Interpolation ve Placeholder
Sass değişkeni derleme anında bir değerdir ve derleme bitince yok olur; custom property ise runtime'da yaşar, bu yüzden ikisini birlikte kullanırken değeri #{} ile aktarmak gerekir, yoksa tarayıcıya "$brand" metni gider. Bookstore kartını & ile BEM'e çeviriyor, Sass nesting'inin native nesting'den farklı specificity ürettiğini iki motorda ölçüyor ve derin nesting'in çıktıyı nasıl şişirdiğini gösteriyoruz.
Büyük Projede Stil Mimarisi: 7-1 Pattern, BEM, ITCSS ve Cascade Layers ile Katmanlı CSS
Büyük bir stil codebase'i CSS üretmeyen bir abstracts ile CSS üreten klasörlere böl, isimleri BEM ile düz tut ve ITCSS'in genelden özele sırasını @layer ile tarayıcıya taşı; Sass'ta katmanlar @use ile değil meta.load-css() ile kurulur. Bookstore'un stil ağacını 7-1'e çeviriyor, vendor CSS'i katmana alıyor ve Angular component stillerinin katmansız olduğu için en uzun katmanlı selector'ü bile yendiğini ölçüyoruz.