1
1
1
1
1
1
1
1
css
-
Web Sitelerinde Görsel Optimizasyonu: Lazy Loading, WebP ve AVIF ile Sayfa Hızlandırma Rehberi
Öğeyi görmek için üye olmalısınız. Web sitelerinin açılış hızını etkileyen en önemli faktörlerden biri, kullanılan görsellerin boyutu ve yüklenme şeklidir. Özellikle yüksek çözünürlüklü JPEG ve PNG dosyalarının optimize edilmeden kullanılması, sayfaların geç açılmasına ve mobil kullanıcıların...- oonurergat
- Konu
- avif cdn cls core web vitals css google lighthouse görsel optimizasyonu görsel sıkıştırma html image optimization lazy loading lcp pagespeed insights responsive images seo site performansı web performance web sitesi hızlandırma webp wordpress optimizasyonu
- Cevaplar: 2
- Forum: Web Geliştirme
-
JavaScript'siz Koşullu Stil: CSS :has() ile Ebeveyni, Önceki Kardeşi ve Hatalı Form Alanını Seçen Seçiciler Yazmak
Öğeyi görmek için üye olmalısınız. Çocuğuna bakarak ebeveynini boyayan CSS seçicisi :has() ile kart, form, menü ve liste düzenlerini JavaScript'e el atmadan yönetin İçinde alt başlık olan kartın arka planı değişsin, formda hatalı alan varsa çevresindeki çerçeve kızarsın, bir karta fare gelince...- JinHu
- Konu
- css frontend has seçicisi
- Cevaplar: 1
- Forum: Web Geliştirme
-
Yan Menü Daralınca Kendini Toparlayan Yönetim Paneli: Container Query, cqw Birimleri ve Style Query ile Akıllı Widget'lar
Öğeyi görmek için üye olmalısınız. Yan menüyü açıp kapattığınızda başlıktaki düğmeleri, widget'ları ve yazı boyutlarını kendiliğinden uyduran bir yönetim paneli kuruyoruz Yönetim paneli yaptığınızı düşünün: solda açılıp kapanan bir yan menü, üstte "Ara" ve "Filtre" düğmeleri, altta istatistik...- JinHu
- Konu
- container-queries css duyarli-tasarim
- Cevaplar: 2
- Forum: Web Geliştirme
-
CSS Anchor Positioning ile JavaScript'siz Tooltip Yapmak: anchor-name, position-area ve position-try ile Ekrandan Taşmayan Açılır Kutu
Öğeyi görmek için üye olmalısınız. Tooltip'i Bir Elemanın Yanına Sabitleyip Ekran Kenarında Kendiliğinden Yer Değiştirtmek: Sadece CSS ile Çalışan Anchor Konumlandırma Bir bilgi kutusunu düğmenin üstüne koyarsınız, her şey güzel görünür. Sonra kullanıcı sayfayı kaydırır ya da pencereyi...- JinHu
- Konu
- css turkmmo web geliştirme web geliştirme
- Cevaplar: 2
- Forum: Web Geliştirme
-
Web Fontları Sitenizi Yavaşlatmasın! font-display, Preload, WOFF2 ve Subsetting ile Font Optimizasyonu
Öğeyi görmek için üye olmalısınız. Merhaba arkadaşlar, Web sitesi geliştirirken genellikle görsellere, JavaScript dosyalarına ve CSS optimizasyonlarına odaklanıyoruz. Ancak çoğu zaman gözden kaçırdığımız bir konu daha var: Font dosyaları. Özellikle Google Fonts veya dışarıdan yüklediğimiz özel...- oonurergat
- Konu
- core web vitals css font optimizasyonu font preload font yükleme font-display frontend google fonts html lcp lighthouse pagespeed insights site hızlandırma subsetting variable fonts web font web geliştirme web performansı web tasarım woff2
- Cevaplar: 2
- Forum: Web Geliştirme
-
TAILWIND CSS V4 İLE NELER DEĞİŞTİ ? | V3 → V4 GEÇİŞİ, YENİ CSS MOTORU VE PERFORMANS
Merhaba arkadaşlar, Öğeyi görmek için üye olmalısınız. Frontend geliştirme dünyasında sıkça kullanılan CSS framework'lerinden Tailwind CSS, v4 sürümüyle birlikte yalnızca yeni class'lar eklemekle kalmadı; yapılandırma sistemini, derleme motorunu ve CSS ile çalışma mantığını da önemli ölçüde...- oonurergat
- Konu
- css değişiklik frontend admin panel html tailwind css tailwindcss
- Cevaplar: 6
- Forum: Web Geliştirme
-
Mobilde Patlayan XenForo Temaları: Responsive Tasarım Hataları ve Çözümleri
Öğeyi görmek için üye olmalısınız. Mobilde Patlayan XenForo Temaları: Responsive Tasarım Hataları ve Çözümleri XenForo’da tema masaüstünde güzel görünüp telefonda dağılıyorsa genelde sorun çok büyük bir şeyden çıkmaz. Bir tablo, sabit genişlik verilmiş bir kutu, taşan bir görsel veya mobilde ne...- Karadayı ✓
- Konu
- css forum yönetimi hata çözümü mobil responsive responsive tasarım tasarım xenforo
- Cevaplar: 0
- Forum: XenForo Temaları
-
Altın Konu Web Geliştirme Css Taşması(Overflow)
CSS taşması, bir öğenin kutusuna sığmayan içeriğin nasıl işleneceğini kontrol eder. Kaydırma ve fazla içeriğin görünürlüğünü yönetir. Taşan içerik gizlenebilir, kaydırılabilir veya gösterilebilir. Yaygın değerler: visible, hidden, scroll, auto. Düzeni düzenli tutmak ve içerik çakışmasını önlemek...- Nizam-ı Alem
- Konu
- css css eğitimi noxvortex web geliştirme
- Cevaplar: 3
- Forum: Web Geliştirme
-
Altın Konu Web Geliştirme CSS boşluk Özelliği (White-Space Property)
CSS'deki boşluk özelliği, öğeler içindeki metin kaydırma ve boşluk yönetimini kontrol etmek için kullanılır. Geliştiricilerin, bir öğe içindeki boşlukların nasıl yönetileceğini belirlemelerine olanak tanır ve bu da içeriğin düzenini ve okunabilirliğini etkiler. Farklı efektler elde etmek için bu...- Nizam-ı Alem
- Konu
- css css white-space property
- Cevaplar: 2
- Forum: Web Geliştirme
-
Altın Konu Web Geliştirme CSS Dolgusu(Padding)
CSS Padding özelliği, öğenin içeriği ile öğenin kenarlığı arasında boşluk oluşturmak için kullanılır. Yalnızca öğenin içindeki içeriği etkiler. Öğeyi görmek için üye olmalısınız. CSS dolgusu, CSS kenar boşluğundan farklıdır çünkü kenar boşluğu, bitişik öğe kenarlıkları arasındaki boşluktur ve...- Nizam-ı Alem
- Konu
- css css eğitimi css padding noxvortex web geliştirme
- Cevaplar: 2
- Forum: Web Geliştirme