En Beğendiğim Google El Yazısı Fontları (2022) 27 Nisan 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 […]
Instagram İçin Yeni Kullanıcı Profili Tasarımı 25 Nisan 2022 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
Bir Öğeyi Gizlemenin 3 Yolu (HTML / CSS) 24 Nisan 2022 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 Uygulamanızın Yeniden Tasarımı İçin 5 Adım 23 Nisan 2022 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 […]
Roket Uygulama Logosu 21 Nisan 2022 dakikada okunur Daily UI Görevi: Bir uygulama simgesi tasarlayın. Markayı veya ürünü en iyi ne temsil eder? Yoksa inanılmaz derecede benzersiz mi? Uzaktan harika görünüyor mu ve diğer uygulamalarla birlikte ana ekranınıza yerleştirildiğinde göze çarpıyor mu? https://www.behance.net/gallery/142145987/DailyUI-005-App-Icon
Sayfa Açılış Hızınızı Artırın: Görselleri Asenkron Yükleme (img decoding async) ve Lazy Loading 10 Nisan 2022 dakikada okunur 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 içerikleri senkron olarak aynı anda yüklerler. Bu da sayfa açılırken güzel bir görüntü sunar. Şöyle ki: <h2>Güzel Bir Başlık</h2> <img src=”büyük-bir-gorsel” alt=”Görsel Hakkında Bilgi” /> <p>Kullanıcının almak istediği bilgiyi sunan metinler.</p> Maalesef her […]
WordPress İpucu: Tek Arama Sonucunu Otomatik Olarak Aç 8 Nisan 2022 dakikada okunur 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 kullanıcıların zihnine oturtmak için ürünü yaratırken edindiğim deneyim ve düşüncelerden arındırıyorum. Bunu yaptığımda, arama sonuç sayfasında şunu fark ettim ki; bazen sorgumuz tek bir sonuç getirebiliyor ve bu -güzel olsa da- gayet saçma! […]
Tarayıcınızı Not Defterine Çevirin 7 Nisan 2022 dakikada okunur Acil durumlarda kağıt aramakla veya bilgisayarınızdan program – uygulama açmakla uğraşma derdine son. data:text/html, <html contenteditable> Yukarıdaki kodu tarayıcınızın adres satırına yapıştırıp, ENTER’a basın, ardından kısa yol çubuğunuza – sürükle bırak yoluyla çekin ve gerektiğinde bu kısa yola tıklayın. Yeni açılacak sekmeyi, artık, geçici bir not defteri olarak kullanabilirsiniz. Dilerseniz aldığınız notları Ctrl + […]
CSS ile Metin Kırpma (Truncate) – Tek Satır / Çoklu Satır 30 Mart 2022 dakikada okunur 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 uzun bir metni kesmek için CSS Metin Kırpma veya kesme yöntemlerini kullanabiliriz. İhtiyacımıza uygun olan tek satır veya çoklu satır için kırpma (truncate) metodlarından bize uygun olanı seçelim. Tek Satır için CSS Kırpma […]
WordPress İpucu: Aramayı Tek Kategori İle Sınırlama 25 Mart 2022 dakikada okunur WordPress tabanlı projenizdeki yazılarınızda (posts) birden fazla Kategori kullanıyor fakat site içi arama özelliğinizin sadece belli bir tanesi için çalışmasını istiyorsanız, bu yöntem sizin için. Öncelikle şunu hatırlatmakta fayda var: Eklenti kullanmadan yapabileceğiniz basit işlemler için sitenize lütfen eklenti kurmayın! Bunun 2 ana sebebi var: Güvenlik: Eklentiler o eklentiyi yazan kişinin inisiyatifindedir. Siz yüklediğiniz sırada […]
CSS Maskeleme ile Metinlere Resim Giydirme 18 Mart 2022 dakikada okunur CSS’in güzelliklerinden faydalanarak bir metine renk verebildiğimiz gibi, resim giydirme de kullanabiliriz. Siz de dikkat çekici başlıklar için, dilerseniz resimden oluşan başlıklar, yani resim giydirme / maskeleme kullanabilirsiniz. Bunun için anlatacağım yöntem: -webkit-background-clip . Bu yöntemde, metnimizi gerçekten metinsel olarak yazıyoruz. Böylece esnek, kolay değiştirilebilir ve dinamik başlıklar elde edebiliyoruz. <div class=”metinResim istanbul”>İSTANBUL</div> .metinResim { […]
