WEb geliştirme için ücretsiz ve kaliteli kaynakların bir listesini arıyorsanız doğru yere geldiniz, burada en iyi ve yüksek kaliteli web geliştirme için ücretsiz kullanabileceğiniz kaynak siteleri listeleyeceğim.
Kedi ve Köpek görsel API
Eğlenceli bir API, bir uygulamada veya web sitesinde rastgele kedi ve köpek göreli gösterebilmeyi sağlıyor.
Sayfadaki linkleri pasif yapmak
Sayfadaki linklerden bazılarının çalışmasını istemiyorsanız aşağıdaki jQuery
ve CSS
ile yapmış olduğum örneklerden birini kullanabilirsiniz. Bu yöntem önyüzde bazen kullanıcıların tıklamaması istenen ama görünen şeyler için kullanılabilir.
Bildiğiniz gibi 2021 itibariyle “Adobe Flash artık yok“, tamamen yok yani hiçbir güncel web tarayıcısı flash çalıştırmayacak. Şimdiye kadar sayfalara güvenlik izni verdiğinizde görünebiliyordu ancak artık hiçbir şekilde gösterilmeyecek.
FlexBox Cheat Sheets [CSS]
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.
manifest.json hakkında
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.
Web sitemize modern bir görünüm kazandırmak için illüstrasyonlar eklemeye karar verdik, ancak ne yazık ki illüstrasyonları nasıl yapacağınızı bilmiyorsunuz ve siz de illüstrasyonlar Google’da arama yapıyor ve buluyorsunuz, ancak bu şekilde sitenizde telif hakkı ihlali sorunu yaşayabilirsiniz.
Programlama dünyasında herkes başlayabilir. Ancak programlamanın sadece kodlama olmadığına dikkat etmeliyiz ve ipuçlarını takip etmeliyiz. Bu yazıda, her iyi programcının bilmesi gereken birkaç noktayı gözden geçirmek istiyoruz.
CSS seçicileri nedir? CSS’de seçiciler, web sayfalarımızdaki stil vermek istediğimiz HTML öğelerini seçmek için kullanılan kalıplardır. Mesleki olmayan terimlerle ifade edersek; seçiciler bir DOM öğesini alıp ona stil uygulamak için kullanılır.
Belki ihtiyacımız olur diye buraya not almış olayım, JavaScript
ile dosya yüklemelerinde dosya boyutunu sınırlamak ve uyarı mesajı vermek gibisinden bir kod parçacığını aşağıya ekliyorum.
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.
Sosuz döngüyü engellemek [.htaccess]
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.
Fotoğraflara vintage efekti [CSS]
Benim gibi 80’lerde doğmuş biriyseniz muhtemelen eski albümleri gömmüşsünüzdür ve o albümler içerisinde fotoğraflarınız vardır. Fiziksel bir albümü içerisinde var olan fotoğraf nesneleri ile elinde tutmanın olduğu zamanlar.
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!
Tasarımcılar için 50 ücretsiz kaynak
Bu yazıda tasarımcılar için ücretsiz kullanabilecekleri 50 araç ve kaynak listesini paylaşacağım. Hepsi ücretsiz ve harika.