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

gemini ile oluşturulmuştur :)

Lokalde tarayıcı geliştirme araçları üzerinden network isteklerini değiştirmek

FE geliştiriciler olarak hayatımız network istekleri(request) ve BE'den gelen dönen cevaplarla(response) geçiyor. Kendi bilgisayarımızda çalışırken bu istekleri değiştirme ihtiyacı olduğunda mock server kurmak veya çeşitli kütüphanelerle bu işi yapıyordum. Mock işini tarayıcı üzerinden yapmaya başlayalı çok rahatladım. Süper kolaylık sağlayan bir özellik. Genel kullanım alanları * BE

By Fatih Hayrioğlu
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