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 […]
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 + […]
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 […]
HTML İpucu: Mobil Cihazlarda “Mutlu” Veri Girişleri 17 Mart 2022 dakikada okunur Veri girişi alanlarınızda, HTML kodunuzda sadece tek bir konuya dikkat ederek, kullanıcı deneyimini yukarı taşıyabilir, kullanıcılarınızı mutlu edebilirsiniz! Standart olarak yazdığımız <input> etiketine inputmode özelliğini ekleyerek mobil cihazdaki farklı sanal klavyeleri etkinleştirebilirsiniz. inputmode Örnekleri <input type=”text”/> Standart type=”text” <input type=”text” inputmode=”search”/> type=”text” inputmode=”search” <input type=”text” inputmode=”tel”/> type=”text” inputmode=”tel” <input type=”tel” inputmode=”tel”/> type=”tel” inputmode=”tel” <input type=”text” […]
HTML İpucu: Arama, SMS, E-posta Linkleri 11 Mart 2022 dakikada okunur Özellikle mobil destekli sitelerde veya SADECE mobil’de görünecek etkileşimli düğmelerde kullanmak üzere linklerimizi tel: sms: ve mailto: ile zenginleştirebiliriz. Ben özellikle bazı tasarımlarımda, sadece mobil genişliklerde görünür olan Hemen Ara! tuşları kullanmayı seviyorum. Bu tuşlardaki geri dönüşleri gördükçe de, öne çıkarmanın faydalı olduğunu siz de göreceksiniz. Ayrıca farklı konularda “Bize Ulaşın” e-postaları için imkan verecekseniz, […]
CSS İpucu: Font Özelliklerini Tek Satırda Toplayın 💡 25 Şubat 2022 dakikada okunur CSS dosyanızda font özelliklerini tek satırda toplayarak hem daha okunaklı, hem de daha derli toplu bir görünüm sağlayabilirsiniz. h1 {font: bold 2rem/1.8 Sans-Serif} /* h1 { font-family: Sans-Serif; font-size: 2rem; line-height: 1.8; font-weight: bold; } */
💻 Hosting ve DNS’i Nereden Alalım? 2022 Güncel Cevap! 23 Şubat 2022 dakikada okunur Şu soruyu son zamanlarda eskiye nazaran daha sık duymaya başladım: “Nereden Alalım?, Nereyi Tavsiye edersin?” Lafı hiç uzatmadan anlatıyorum: Hosting Tavsiyesi – Güzel HostingLink Özellikle hosting (barındırma) söz konusu olduğunda cpanel ve plesk hizmeti sunmayan birkaç yerli yer sağlayıcı var ve bunlar büyük yer sağlayıcıları. Ne yazık ki tecrübesiz kişileri ağlarına yakalayıp 3 kuruşluk kampanyalarla […]
