Editör

VS Code HTML End Tag Labels eklentisi

Fatih Hayrioğlu

Fatih Hayrioğlu

— 1 min read

HTML kodu yazarken uzun zamamdır ihtiyacını duyduğum bir özellikti.

Özetle ihtiyacım, uzayan HTML dokümanlarında hangi div'in hangi sınıfın kapama etiketi olduğunu bulmak.

Eklenti HTML End Tag Labels. Böyle bir eklentinin olduğunu öğrenmek beni mutlu etti. Eskiden bunun için html'in yorum satırlarını kullanırdım. Bu konuda bir ipucu yazısı da yazmıştım. Bir bakıma eklenti benim elle yaptığım yorum satırı eklemesini kendi otomatik yapıyor.

enter image description here

Yukarıdaki </div> kapama etiketleri anlamsız. Eklentiyi kurup aktifleştirdikten sonra her kapama etiketi sonuna sınıf veya id'sini ekledi.

enter image description here

Şimdi daha anlamlı oldu. Eklenti React içindeki html(jsx) kodlarında çalışmadı. Bunun için eklentinin github hesabında bir istek açılmış ama henüz destek eklenmemiş.

Kalın sağlıcakla.

Read more

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu