Kategoriler
Kodlama

Web Development için 40+ yüksek kaliteli ücretsiz kaynak

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

Eski sayfalardaki gömülü flash objelerini gizlemek

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

Telifsiz kullanılabilen tasarım bileşenleri

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.

Kategoriler
Kodlama

Her programcının bilmesi gereken 5 ipucu

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.

Kategoriler
Kodlama

Master CSS Selectors / CSS seçicilere bakış

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.

Kategoriler
Kodlama

JavaScript ile dosya yükleme boyutu kontrolü

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.

Kategoriler
Kodlama

En boy oranlarını bozmadan boyutlandırma [CSS]

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

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.

Kategoriler
Kodlama

Web sitesi/uygulama da titreşim fonksiyonu

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!

Kategoriler
Kodlama

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.