Erişilebilirlik Araçları İçin Eksiksiz Bir Kılavuz

Yeni bir kısa gönderi dizisinde, geliştiriciler ve tasarımcılar için bazı yararlı araç ve teknikleri vurgulayacağız. Son zamanlarda HTML E-postalarını ve SVG Üreticilerini ele aldık. Bu sefer, erişilebilirlik testi sürecinizi kolaylaştırmanıza yardımcı olacak farklı türde araçlara bakıyoruz. Bir sonrakini kaçırmayın.

Daha fazla oku

DevKinsta ile Yerel Olarak Birden Fazla WordPress Sitesini Döndürme

WordPress için temalar ve eklentiler geliştirirken bunları farklı ortamlarda test etmemiz gerekiyor. Sistem yöneticisi olmak zorunda kalmadan bilgisayarımızda hızlı ve kolay bir şekilde nasıl birden fazla test sitesi oluşturabiliriz?

Daha fazla oku

Addy Osmani ile Çarpıcı Podcast 39. Bölüm: Görüntü Optimizasyonu

Smashing Podcast'in bu bölümünde, görüntü optimizasyonundan bahsediyoruz. 2021'de performanslı görüntüler için hangi adımları izlemeliyiz? Öğrenmek için uzman Addy Osmani ile konuşuruz.

Daha fazla oku

CSS Yeterli Olmadığında: Erişilebilir Bileşenler İçin JavaScript Gereksinimleri

Spoiler uyarısı: araç ipuçları, modlar, sekmeler, karuseller ve açılır menüler, CSS'den daha fazlasını gerektiren kullanıcı arabirimi bileşenlerinden bazılarıdır. Arayüzünüzün erişilebilirliğini sağlamak için JavaScript, odak yönetimini gerçekleştirmek, klavye olaylarına yanıt vermek ve ARIA özelliklerini değiştirmek için gerekli bir ektir.

Daha fazla oku

Mapbox Kullanarak Vue.js'de Geocoding Uygulaması Nasıl Oluşturulur

Bu kılavuzda, ileri coğrafi kodlama ve ters coğrafi kodlama kavramlarına genel bir bakış atacağız ve bunu başarmak için Mapbox ve Vue.js 2.6.11'i kullanarak belirli konumları görüntülemek için bu kavramları uygulayan bir mini uygulama oluşturacağız. .

Daha fazla oku

Web Paketine Başlarken

Modern tarayıcılar, JavaScript modülleri için iyi bir destek sağlar, ancak web paketi gibi modül paketleyicileri, JavaScript araç zincirinin kritik bir parçası olmaya devam eder. Web paketinin ne olduğuna ve geliştirme iş akışınızda nasıl kullanılacağına derinlemesine bir dalış yapalım.

Daha fazla oku

Vue 3'te Paylaşılan Durumu Yönetme

Büyük ölçekli Vue uygulamaları yazmak zor olabilir. Bu makalede Shawn Wildermuth, fabrikalar, paylaşılan nesneler ve Vuex kullanma gibi yaklaşımların artılarını ve eksilerini inceliyor. Ayrıca, Vue 3'te paylaşılan durumu kullanma şeklimizi değiştirebilecek Vuex 5.0'da neler olacağını da açıklıyor.

Daha fazla oku

Kümülatif Düzen Kaydırma (CLS) Sorunları Nasıl Onarılır

Google'ın Önemli Web Verileri girişimi, SEO ve Web Performansı dünyalarını kasıp kavurdu ve birçok site, sıralama faktörünü en üst düzeye çıkarmak için Sayfa Deneyimlerini optimize etmekle meşgul. Kümülatif Düzen Kayması metriği birçok sitede soruna neden oluyor, bu nedenle bu metrikle ilgili sorunları çözmenin yollarına bir göz atalım.

Daha fazla oku

Bir Çevrimiçi Mağazanın Performansını İyileştirme (Örnek Olay)

Google'dan iyi bir performans puanı almak herhangi bir web sitesi için zordur - ancak bunu bir çevrimiçi mağaza için yapmak daha da zordur. Yeşil puanlar elde ettik - mobil için birkaç tane bile. İşte bunu nasıl yaptık.

Daha fazla oku

WYSIWYG Düzenleyicisine Yorumlama Sistemi Ekleme

Bu makalede, bir WYSIWYG Düzenleyicisi için kullanıcıların bir belgenin içindeki metni seçip yorumlarını paylaşmalarını sağlayan bir yorum sistemi oluşturmak için ilk makalede yerleşik olan temel WYSIWYG Düzenleyicisini yeniden kullanacağız. Hadi kazalım!

Daha fazla oku