diff --git a/_posts/2024-06-10-tarayici-gelistirici-araclarinda-yakinlastirma-ve-uzaklastirma-yapmak.md b/_posts/2024-06-10-tarayici-gelistirici-araclarinda-yakinlastirma-ve-uzaklastirma-yapmak.md
index 9b9811a9..2cecbd30 100644
--- a/_posts/2024-06-10-tarayici-gelistirici-araclarinda-yakinlastirma-ve-uzaklastirma-yapmak.md
+++ b/_posts/2024-06-10-tarayici-gelistirici-araclarinda-yakinlastirma-ve-uzaklastirma-yapmak.md
@@ -3,7 +3,7 @@ layout: post
title: Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak
description: Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak
lang: tr_TR
-Date: 2024-05-13 9:30
+Date: 2024-06-10 9:30
Category: Genel
tags: [tarayıcı, dev-tools, zoom]
image:
diff --git a/_posts/2024-10-07-CSSde-lightdark-fonksiyonuyla-kolayca-koyu-acikk-mod-yazimi.md b/_posts/2024-10-07-CSSde-lightdark-fonksiyonuyla-kolayca-koyu-acikk-mod-yazimi.md
new file mode 100644
index 00000000..16f74344
--- /dev/null
+++ b/_posts/2024-10-07-CSSde-lightdark-fonksiyonuyla-kolayca-koyu-acikk-mod-yazimi.md
@@ -0,0 +1,61 @@
+---
+layout: post
+title: CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı
+description: CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı
+lang: tr_TR
+Date: 2024-10-07 12:30
+Category: CSS
+tags: [lightdark, light, dark]
+image:
+ feature: light-dark-func.png
+---
+
+CSS'in yeni özellikleri bazen çığır açan nitelikte (anchor positioning, :has() seçicisi, vb.) olurken bazen yazıma yardımcı kurallar (iç içe yazım, @property) oluyor bazen de genel kullanılan kullanıcı deneyimi arttırıcı özellikleri oluyor. `field-size` özelliği genel kullanıcı deneyimini arttırıcı bir özellik. `field-size` özelliği genelde javascript ile çözdüğümüz bir ihtiyacı karşılıyor. Artık CSS ile kolayca bu ihtiyacımızı giderebiliyoruz. Genelde `textarea` alanlarına yazılan uzun içerikler için kullanıcıya sunulan dar alanları büyütmek için kullandığımız kullanıcı metin girdikçe uzayan `textarea` alanları için tanımlanmış bir özellik.
+
+Bu durum masaüstünde daha az sinir bozucuyken mobilde daha sinir bozucu bir durum oluşturuyor.
+
+Javascript ile yazılmış bir sürü script örneği ve makalesi mevcut bu durumu çözen ancak bir satır CSS kodu ile çözmenin hazzını hiçbiri vermiyor. :)
+
+Ben yukarıda `textarea` için dediysem de uygulamada `input`, `textarea` ve `select` elemanlarına uygulanabiliyor. Örnekler yardımıyla daha iyi anlaşılacak.
+
+
+
+Yukarıdaki örnekte normal durumda `textarea` içinde içerik girdikçe veya enter'a bastıkça sağda kaydırma çubuğu çıkarken `field-size` tanımı yapılan `textarea`'da içerik girdikçe veya enter'a basıldıkça `textarea` otomatik olarak artmaktadır.
+
+`input` içinde bir örnek yapalım.
+
+
+
+Yukarıdaki örnekte normal `input`'ta içeriği uzattığımızda içerik sağa doğru kayarken `field-sizing: content;` uygulanan örnekte içerik girildikçe input genişliyor.
+
+Bir diğer uygulanan elemanda `