CSS Gradyanları ve en boy oranı ile Duyarlı Görüntü Efektleri Oluşturun

CSS'deki klasik bir sorun, kartlar gibi ilgili bileşenler arasında görüntülerin en boy oranını korumaktır. Yeni desteklenen "en-boy oranı" özelliği, "object-fit" ile birlikte geçmişteki bu baş ağrısına bir çare sunuyor! Ekstra yetenek için duyarlı bir degrade görüntü efekti oluşturmaya ek olarak bu özellikleri kullanmayı öğrenelim.

Daha fazla oku

2021'de GDPR'nin Durumu: Önemli Güncellemeler ve Bunların Anlamı

Dijital uygulayıcılar olarak GDPR, profesyonel ve kişisel hayatımızın her yönünü etkiledi. İster Instagram bağımlısı olun, ister ailenize WhatsApp'tan mesaj atın, ister Etsy'den ürün alın, ister Google bilgilerinden kimse 2018'de getirilen kurallardan kaçmadı.

Daha fazla oku

Kendi Kişisel Öğrenme Müfredatınızı Oluşturma

Geliştiriciler olarak sürekli olarak yeni diller ve çerçeveler öğreniyoruz. Ancak, ilerlemeye devam ederken maksimum faydayı sağlamak için bu öğrenmeyi nasıl yapılandırabilirsiniz? Doğru yönde ilerlemeye devam etmek için kendi müfredatınızı nasıl oluşturabileceğiniz aşağıda açıklanmıştır.

Daha fazla oku

Hugo Statik Site Üreticisindeki Bağlam ve Değişkenler

Bu yazıda, popüler bir statik site oluşturucu olan Hugo'daki bağlam ve değişkenler konusuna bir göz atacağız. Hugo şablonlarındaki genel bağlam, akış denetimi ve değişkenler gibi kavramların yanı sıra içerik dosyalarından şablonlar aracılığıyla kısmilere ve temel şablonlara veri akışını anlayacaksınız.

Daha fazla oku

DevTools Hata Ayıklama İpuçları ve Kısayollar (Chrome, Firefox, Edge)

DevTools çok gelişmiş ve yardımcıdır, ancak aynı zamanda çok göz korkutucu ve bunaltıcı olabilir. Bunu düzeltelim. Bu makalede Vitaly, Chrome, Firefox, Edge ve Safari'de hata ayıklamaya yönelik kullanışlı özellikleri ve kısayolları inceliyor.

Daha fazla oku

Videoyu Boyut ve Kalite İçin Optimize Etme

Uygulamanıza video eklemek, müşteri katılımını ve memnuniyetini artırabilir. Ancak video oynatmayla ilgili sorunlar olduğunda tam tersi gerçekleşebilir: video durakları sinir bozucudur ve müşterileri uzaklaştırır. Bu makalede, hızlı oynatma sağlamak ve duraklamaları azaltmak için web sitenizdeki videoyu optimize etme adımlarını inceleyeceğiz.

Daha fazla oku

Çarpıcı Bir Atölyeden Beklenenler: Form Tasarımı Masterclass

Birkaç hafta önce, Adam Silver ile 81 arkadaş canlısı ve zeki insanla birlikte bir çevrimiçi atölye çalışması [Form Tasarım Ustalık Sınıfı](https://smashingconf.com/online-workshops/workshops/adam-silver) düzenledik. Bugün Adam, bir katılımcı olarak bir Smashing Workshop'tan neler bekleyebileceğinizi ve birini çalıştırırken akılda tutulması gereken şeyleri vurgulayarak deneyimini ve ayrıntılarını paylaşıyor.

Daha fazla oku

Saul Bass Web Tasarımı Hakkında Bize Ne Öğretebilir?

Film kredileri, marka logoları, afişler… Hepsini Saul Bass yaptı ve çalışmalarını şekillendiren ilkeler, 50 yıl önce olduğu kadar şimdi de değerli.

Daha fazla oku

React, Redux ve Sanity.io ile Bir Web Uygulaması Oluşturma

Headless CMS, içeriği yönetmenin ve API'ye erişmenin güçlü ve kolay bir yoludur. React üzerine kurulu Sanity.io, esnek içerik yönetimi için kusursuz bir araçtır. Temelden karmaşık uygulamalara kadar basit uygulamalar oluşturmak için kullanılabilir. Bu makalede Ifeanyi, Sanity.io ve React ile basit bir listeleme uygulamasının nasıl oluşturulacağını açıklıyor. Global durumlar Redux ile yönetilecek ve uygulama stil bileşenleri ile şekillendirilecektir.

Daha fazla oku

TypeScript'te Dinamik Statik Yazma

Bu makalede, birleşim türleri, koşullu türler, şablon değişmez türleri ve jenerikler gibi TypeScript'in daha gelişmiş özelliklerinden bazılarına bakacağız. En dinamik JavaScript davranışını, çoğu hatayı oluşmadan önce yakalayabileceğimiz şekilde resmileştirmek istiyoruz.

Daha fazla oku