Kategori: Kod
İpucu
14 Nisan 2023
Örneklerle CSS Seçicileri (Selectors) ve :nth-child Kullanımı
CSS seçiciler ön-yüz (frontend) tasarımcılar için hayat kurtarıcı, kolay yordamlardır. Her ne kadar UI ve UX tasarımcılar ve hatta yazılımcılar bu konuya...
Kod
16 Kasım 2022
HTML Listeleri 2.0
Bu yazıda, daha önce de değindiğim HTML Listelemelerine biraz daha yakından bakacağız. Çoğunlukla kod örneklerini paylaşarak kod – sonuç odaklı ilerleyeceğiz. Hazırsanız...
Kod
27 Nisan 2022
2022 Yılı Favori Google El Yazısı Fontlarım
Kullanıcı deneyimi, biraz da içerikleri kullanıcıya daha doğal hislerle sunabilmektir. Projenin türü veya kullanıldığı yere göre “el yazısı” yazı tiplerini kullanmak daha...
İpucu
24 Nisan 2022
Bir Öğeyi Gizlemenin 3 Yolu (HTML / CSS)
Web sayfalarında bir öğeyi gizlemek bazen gerekli olabilir. Bazen de gizlemeyi anlık (veya geçici) bir düzeltme için kullanırız. Web sayfalarında en yaygın...
Kod
10 Nisan 2022
Sayfa Açılış Hızınızı Artırın: Görselleri Asenkron Yükleme (img decoding async) ve Lazy Loading
Karşıt görüşler olsa da, çoğunluk kabul edecektir ki; ‘iyi kullanıcı deneyimi hızlı servisle başlar’. Internet tarayıcıları (Chrome, Firefox, Opera…) görsel ve metin...
İpucu
8 Nisan 2022
WordPress İpucu: Tek Arama Sonucunu Otomatik Olarak Aç
Tasarımcılar olarak, kullanıcı deneyimi tasarımı (veya kısaca UXD) açısından, kendimizi kullanıcının yerine koymalıyız. Şahsen bunu yaparken, kendimi, tasarımcısı olduğum ürünü ilk elden...
Kod
7 Nisan 2022
Tarayıcınızı Not Defterine Çevirin
Acil durumlarda kağıt aramakla veya bilgisayarınızdan program – uygulama açmakla uğraşma derdine son! Bu tek satırlık kodu tarayıcınızın adres satırına yapıştırıp, ENTER’a...
Kod
30 Mart 2022
CSS ile Metin Kırpma (Truncate) – Tek Satır / Çoklu Satır
Kodlama ile uzun bir metni kısaltmanın farklı yolları olsa da, metinleri kısaltmak için CSS’i de rahatça kullanabiliriz. Kullanmak istediğimiz alanın genişliğinden daha...
Kod
30 Mart 2022
CSS Truncate – Single Line / Multiple Lines
While there are ways to truncate a long text with coding, we can also use CSS to Truncate texts. For cutting the...