CSS Filtrelerinin Toplu Listesi
CSS'in farklı Web Taracılarındaki sorunları nedeni ile yazdığımız filtrelerin tam listesini sunan güzel bir site -http://www.centricle.com/ref/css/filters/-
Read more
2025'te Favicon Rehberi: SVG Desteği ile Yeni Dönem
Sene olmuş 2025 biz hala favicon ekleme konusunu yazıyoruz. Bu konuyu yazmamın nedeni Apple'ın henüz beta sürümü olan 26 ile birlikte SVG favicon desteğini geliyor oluşu. Bu vesileyle bilgileri tazelemekte fayda var. favicon, web sitelerinin tarayıcının sayfa, sekme ve yerimi kısmında gösterilen küçük simgelerdir. Aslında favori ikon dosyaları
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
Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak
Yaşlandıkça böyle ihtiyaçlar doğuyor galiba. Belki ihtiyacı olan olur diye buraya not edeyim. Chrome Dev Tools gibi araçlarda başlangıçtaki görünüm küçük kalabiliyor. Benim için küçük mesela :) Yazı boyutlarını büyütmek için Cmd + + and Cmd + - (Windows'ta Cmd yerine Ctrl kullanın). Ancak bu kısayol İngilizce klavye için Türkçe klavyelerde bunu
field-sizing özelliği
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.