Kategoriler
Kodlama

Kedi ve Köpek görsel API Kedi ve Köpek görsellerini toplayıp onları API ile veren bir şey. Kullanılabilir.

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 Bazen bir html sayfadaki linklerin olmasını ama çalışmamasını istersiniz. İşte jQuery veya CSS ile çözümler.

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 Flash objelerini gizlemek için bir yöntem.

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) 2021’e girdik ve CSS Flexbox’u hatırlayıp bilgilerimizi tazeleyelim.

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 manifest.json dosyası nedir ve içeriği hakkında ayrıntılar.

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

Siber güvenlik neden sadece teknik bir problem değildir Lakshmi Ramarajan’ın "Siber Güvenlik Sadece Teknik Bir Problem Değil" başlıklı makalesi.

Harvard Business School’dan Lakshmi Ramarajan’ın kaleme aldığı makaleden yola çıkarak “Siber Güvenlik Sadece Teknik Bir Problem Değil” konusu paylaştım.

Kategoriler
Kodlama

Telifsiz kullanılabilen tasarım bileşenleri Telif ücreti almayan web tasarım bileşenleri. İşte sizin için bazı telifsiz kullanılabilen materyalleri içeren web siteleri.

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 Her iyi programcının bilmesi gereken birkaç noktayı gözden geçirdik.

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 selectors/seçiciler ID’ler ve Class’larla sınırlı değildir aslında CSS’de birçok farklı seçiciler de kullanılabilir.

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ü Maksimum dosya boyutunu JavaScript veya jQuery kullanarak belirlemek çok basit.

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) CSS object-fit: cover; ile görselleri en boy oranını bozmadan eşit olarak boyutlandırmak.

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) Sitenizin sonsuz yönlendirme döngüsünden kurtarmak için bir çözüm.

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) Eskiyi seven biriyseniz web sitenizde paylaştığınız fotoğraflara CSS ile eski/vitage efekti verebilirsiniz.

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 web sitelerine ve uygulamalarına yaklaşık %80 oranında mobil cihazlardan erişiliyor. Ve hemen her akıllı cihazda titreşim özelliği vardır:

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 Bedava şeyler her zaman heyecan vericidir. Peki ya ücretsiz ve harikaysa? Seveceğiniz ücretsiz araçlar ve kaynaklar.

Bu yazıda tasarımcılar için ücretsiz kullanabilecekleri 50 araç ve kaynak listesini paylaşacağım. Hepsi ücretsiz ve harika.