Ben web uygulamalarında eğer bir şey CSS ile yapılabiliyorsa onun için ek JavaScript yazmanın gereksiz olduğunu düşünenlerdenim. Modern tarayıcıların tamamının desteklediği CSS ile birçok şey artık yapılabiliyor, buna bir örnek de scroll-behavior: smooth;.
Online kod yazıp, test edip ve paylaşılabilen uygulamaları paylaşacağım, en çok kullanılan ve bilinenleri Codepen ve Jsfiddle ancak daha yetenekli ve farklı özellikleri olan alternatiflerini de listeme dahil edeceğim, umarım işinize yarar.
Daha önce dark mode hakkında bir yazı eklemiştim, “Javascript ile siteyi ziyaret eden cihazın karanlık modu(koyu mod) kulanıp kullanmadığını sorulamak“. Bu yazımda herhangi bir web sitesine veya uygulamaya cihazın kullandığı modu da göz önünde bulundurarak çalışan dark mode seçeneği eklemeyi göstereceğim.
CSS’de Flexbox kullanmayı seviyorum ve bu harika bir şey, önceden birçok farklı CSS kuralı yazarken Flexbox ile sadece bir satırda istediğim görüntüyü alabiliyorum.
Burada Joy Shaheb’in paylaşmış olduğu “FlexBox Cheat Sheets in 2021 || CSS 2021” makalesini paylaşmak istedim umarım işinize yarar.
Her PWA uygulamasının JSON formasında bir manifest dosyası olmalıdır, bu genellikle /manifest.json adresinde olur ve HTML’in HEAD kısmına rel="manifest" olarak yerleştirilir.
Burada WordPress sitesi için Workbox kullanarak siteyi basitçe PWA uygulaması haline çevirmeyi anlatacağım. Eğer kodlama ile ilgilenmiyorsanız bana ulaşabilirsiniz sizin için yapabilirim.
Web sayfalarında görselleri boyutlandırdığımızda eğer en/boy oranı aynı değil ise görsel çok kötü şekilde görünebilir. Bunu engellemek için ya en boy oranına göre bir boyut seçmek gerekiyor ya da vereceğim bu CSS örneğinde olduğu gibi “object-fit: cover;” etiketini kullanarak sorunsuz kullanabiliriz.
Bazen bir web sitesinde birçok farklı .htaccess çalışması ve birçok farklı kural, yönlendirme dolayısıyla sitede bir adrese girildiğinde(genellikle olmayan bir sayfa), sunucu normalde 404 ile döngüyü kapatması gerekirken sonsuza kadar yönlendirmeye devam eder. Böyle bir durumla karşılaşırsanız pratik olarak aşağıda örneğini vereceğim şekilde çözüme ulaşabilirsiniz.
WordPress sitenizin HTML olarak görüntülenen sayfalarını herhangi bir eklenti kullanmadan sıkıştırmak ve daha hızlı ve daha az dosya boyutuyla yüklenmesini istiyorsanız bu paylaşacağım kodu sitenizde kullanabilirsiniz.
Günümüzde bir metin mesajı aldığımızda veya telefonumuzda bir oyun oynadığımızda dokunsal bir geri bildirim almaya alışkınız. Şimdiye kadar, yerel uygulamalar, kullanıcılara derin bir deneyim sunma, barındırma donanımıyla sıkı bir şekilde etkileşim kurma avantajına sahipti. Bununla birlikte, Titreşim API’si sayesinde web uygulamalarımızı yeni bir işlevle zenginleştirebilir ve bir cihazın tarayıcımız aracılığıyla titreşmesine izin verebiliriz!
Bu yazıda tasarımcılar için ücretsiz kullanabilecekleri 50 araç ve kaynak listesini paylaşacağım. Hepsi ücretsiz ve harika.
Yazı tipi bir web sitesinin konuştuğu dil ve tonudur, eğer çok süslü ise okuyucular okumakta zorlanabilir, eğer çok düz ise okuyucu ile sıcak iletişimde bulunamayabilir. Dijital veya basılı projeniz için doğru yazı tipini seçmek, bir renk veya düzen seçmek kadar son derece önemli ve etkilidir.
Web sitenizi, blogunuzu güvenlik açıkları, kötü amaçlı yazılımlar, truva atları, virüsler ve çevrimiçi tehditlere karşı tarayın!
Web sitenizin güvenlik açıklarını ve kötü amaçlı yazılım barındırıyor mu, güvenlik kara listelerine girmiş mi veya bu tür kaynakları içeriyor mu gibi durumları test edebileceğiniz, 11 iyi ve özel olarak seçtiğim, ücretsiz kullanabileceğiniz araçları aşağıda listeledim.
Bir programlama dili öğrenmek istiyorsunuz ve hangisinden başlamalıyım diye düşünüyorsanız bu yazım size yardımcı olabilir.
Online topluluklar: Twitter, Facebook grupları, GitHub, Reddit, Dev.to, Discord, Slack, Hashnode, Medium, bunlar çok değerli siteler. Özellikle freelance serbest çalışan yazılımcılar için vazgeçilmezdir. Ayrıca acemi yazılımcılar ve yeni başlayanlar için şahane eğitim kaynaklarıdır.