Category

Frontend Development

Modern frontend development with JavaScript, CSS, and frameworks

75 posts

Gerçekten Erişilebilir Arayüzler Oluşturma: CSS Konteyner Sorguları ve ARIA Canlı Bölgeleri Ustalıkla Kullanma

Ön uç geliştirme alanındaki değişen ortamda erişilebilirlik artık bir sonradan düşünce değil, temel bir gerekliliktir. Yıllar boyunca geliştiriciler, düzenleri görünüm boyutlarına göre ayarlamak için öncelikle medya sorgularına güveniyordu. Genel duyarlılık için etkili olsa da, bu yaklaşım genellikle karmaşık bileşen hiyerarşilerindeki bağlama özgü kısıtlamaları göz ardı eder...

Saf JavaScript ve WAI-ARIA ile Erişilebilir Sürükle-Bırak Arayüzleri Oluşturma

Sürükle-bırak arayüzleri, modern web uygulamalarının vazgeçilmez bir parçası haline gelmiştir ve kullanıcıların listeleri yeniden sıralamasına, dosyaları taşımasına veya iş akışlarını yönetmesine sezgisel bir yol sunar. Ancak, ön uç geliştirmede yaygın bir hata, klavye erişilebilirliğinden önce fare etkileşimlerini önceliklendirmektir. Ekran okuyuculara veya yalnızca klavye gezintisine güvenen kullanıcılar için standart bir sürükle-bırak uygulaması genellikle bir giriş engeli oluşturur. Bu yazı, uygulamanızın herkes tarafından kullanılabilir olmasını sağlayarak, yalnızca Saf JavaScript ve WAI-ARIA standartlarını kullanarak sağlam ve erişilebilir sürükle-bırak işlevselliğini nasıl uygulayacağınızı inceler.

Mimarın Çizimi: Modern Frontend Geliştirme İçin Ölçeklenebilir Bir Tasarım Sistemi Oluşturma

Web'in erken dönemlerinde tutarlılık, beceri ve zamanın tesadüfi bir sonucuydu. Bugün uygulamalar karmaşıklaştıkça ve ekipler büyüdükçe, tutarlılık hayatta kalmanın bir gerekliliği haline geldi. Bir tasarım sistemi yalnızca bir stil rehberi veya yeniden kullanılabilir bileşenler kütüphanesi değildir; tasarımcılar ve geliştiriciler arasındaki ortak dildir...