selector nth child kullanimi2

Örneklerle CSS Seçicileri (Selectors) ve :nth-child Kullanımı

dakikada okunur

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 eğilmeyi ihmal veya reddetseler de, öğrenildiğinde ne kadar kolay ve keyifli çözümler ürettiğini göreceksiniz. Öncelikle herkese karmaşık gelen :nth-child seçicisinin kullanımına bir bakalım. Bunu da bir şema ile gösterelim: first-child 1 2 3 […]
html listelemeler 2

HTML Listeleri 2.0

dakikada okunur

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 başlayalım 👇 Öncelikle Temelleri Bir Hatırlayalım Eğer <ol> / <ul> / <li> yapılarını hatırlıyorsanız eğlenceli kısıma atlayabilirsiniz. Sıralı listelemeler, yani Ordered List için, İngilizce tabirin ilk iki harfini kullanıyoruz. Yani O – L […]
en begendigim google el yazisi fontlari 2022

En Beğendiğim Google El Yazısı Fontları (2022)

dakikada okunur

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 güzel olabilir. Ne yazık ki Türkçe karakterleri de destekleyen el yazısı yazı tipleri halen istediğimiz sayıda değil. Bu yazıda 2022’de en çok gözüme çarpa ve projelerde kullandığım Google Fontları paylaşmak istedim. Umarım işinize […]
user profile cover

Instagram İçin Yeni Kullanıcı Profili Tasarımı

dakikada okunur

UI Görevi: Bir kullanıcı profili tasarlayın ve en önemli verilere, isimlere, görüntülere, yerleşime vs. dikkat edin. Ciddi veya Sosyal bir profil? Bu görevi için Instagram’ın kullanıcı profil yapısını geliştirmeyi seçtim. Light ve Dark temalar çalışmak istedim ve persona örnekleri olarak da Star Wars’tan Obi-Wan Kenobi (Light) ve Anakin Skywalker’ı (Dark) seçtim 😅   https://www.behance.net/gallery/142247371/DailyUI-006-User-Profile
hide elements with css html

Bir Öğeyi Gizlemenin 3 Yolu (HTML / CSS)

dakikada okunur

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 öğe gizleme usullerini inceleyelim. İnceleyeceklerimizden ilk ikisi CSS özellikleri olacak: display: none ve visibility: hidden Çoğumuz bunları zaten kullanıyor olsak da, açıklığa kavuşturmak için özetleyelim. .gizle {display: none} .gosterme {visibility: hidden} .gizle sınıfına […]
web sitenizin ve veya uygulamanizin yeniden tasarimi icin 5 adim

Web Sitenizin ve/veya Uygulamanızın Yeniden Tasarımı İçin 5 Adım

dakikada okunur

Bir şeyler iyi gitmiyor, içinize sinmiyor veya şikayetler arttı. Belki de yenilik zamanı geldi diye düşünüyorsunuz ve mevcut uygulamanızı veya web sitenizi değiştirmeye karar verdiniz? Çok güzel. Peki hazır olduğunuza emin misiniz? Size önerim; aşağıdaki 5 adımı gözden geçirmeden paldır küldür bir şeylere girişmeyin: 1. Mevcut Tasarımınızı Değerlendirin Marka ve ilkelerinizi temsil etmeyen eski görseller […]
Tüm Yazılarım >