Web Geliştirme Okuma Listesi #158: Form Kullanılabilirliği, Vue.js ve Kritik CSS'yi Ortaya Çıkarma

Bu günlerde, geliştiriciler olarak dünyamızda ne gibi bir amacımız olduğunu düşünüyorum. Burada size bir cevap veremem, bunun yerine sizi de bunun hakkında düşünmeye teşvik etmek istiyorum. Bu konuda bir fikriniz var mı? Sadece diğer insanların taleplerini memnuniyetle mi karşılıyoruz? Yoksa bizden çözüm talep edenlere, haksız olduklarını düşünürsek onlara akıl vermekle mi sorumluyuz? Zor bir soru ve cevabı buradaki herkes için farklı olacak. Bana düşüncelerinizi bildirmek isterseniz, onları duymaktan mutlu olurum.

Bana katıl, bu haftanın listesi çok büyük. Teknik ve tasarım kavramlarını, daha akıllı uygulamalar yazmak için yeni JavaScript yöntemlerini nasıl kullanacağınızı, CSS Izgara Düzenlerini nasıl kullanacağınızı ve mutluluğunuzla nasıl ilgileneceğinizi açıklayan çok fazla iyi kaynak ortaya çıktı.

SmashingMag'de Daha Fazla Okuma :

• Web Formu Kullanılabilirliği İçin Kapsamlı Bir Kılavuz
• Web Form Tasarımı: Vitrinler ve Çözümler
• CSS Izgarası, Flexbox, Kutu Hizalama: Web Düzeni İçin Yeni Sistem
• Daha Akıllı Bir Mobil Web Sitesi Oluşturmak İçin Analytics Nasıl Kullanılır?

Haberler

• Safari Teknoloji Önizlemesi 17, Shadow DOM alt ağaçlarının içindeki bir bağlantı öğesi aracılığıyla Custom Elements v1, rel=noopener ve stil sayfası yüklemesi için destek ekler. Ayrıca, önyükleme davranışı değiştirildi - artık görüntüler gibi kaynakların yükleme sırasında daha az öncelikli olduğu iOS ile eşleşiyor.
• Nightly Builds'ta zaten mevcut olan Firefox'un Geliştirici Araçları'ndaki kısıtlanmış ağ bağlantılarını taklit etme özelliği yakında kararlı sürüme de eklenecek.

Genel

• Matthias Beitl, "JavaScript savaşlarına" nasıl girdiğimiz, paradigma kayması ve fazla mesai iyileştirmesi hakkında iyi düşünülmüş bir makale yazdı.

Konsept tasarımı

• Erika Hall, Beyond Teller'da bir şeyleri ölçmek ve veri toplamak için neden bu kadar çok uğraştığımızı ve bunun neden daha iyi içgörüler elde ettiğimiz veya daha iyi kararlar aldığımız anlamına gelmediğini açıklıyor.
• Form kullanılabilirliği hakkında düşünürken kolayca unutulan bir şey, bir kullanıcı bir sayfayı yakınlaştırdığında etiketleri yerleştirmenin ne kadar önemli olabileceğidir. Örneğin, öğelerin üzerine etiket yerleştirmenin, yakınlaştıran kullanıcıların bağlamı kaybetmeyeceği anlamına geldiğini düşünmemiz gerekir.
• Vergi reformu için basit, kullanılabilir bir kayıt formunu nasıl tasarlarsınız? @jelumalai, süreci bir tasarımcının bakış açısıyla açıklar ve kullanıcı için net bir iş akışı sağlarken çok fazla bilgi istemenin zorluğuna derinlemesine dalar.
  

Araçlar ve İş Akışları

• FormLinter, formunuzu kullanılabilirlik sorunları için kontrol eder. Ne yaptığı ve nasıl çalıştığı hakkında daha fazla bilgi edinmek istiyorsanız, Ben Orenstein'ın duyuru yazısı size bazı bilgiler verecektir.

Ulaşılabilirlik

• Stefan Judis, aria-selected ne zaman kullanılacağını ve ne zaman kullanılmayacağını açıklıyor. Örneğin, onu geçerli etkin gezinme öğesine uygulamak doğru değildir, ancak bunu bir sekme listesindeki geçerli etkin tablist uygulamak ise doğru olacaktır.

JavaScript

• Mike Street, Vue-router kullanarak Vue.js 2 ile bir web uygulamasının nasıl oluşturulacağını gösterir. Vue.js'de yeniyseniz iyi bir başlangıç.
• JavaScript'in requestIdleCallback yöntemi yakında Firefox 52'ye gelecek. Beklemek istemiyorsanız, iyi haber: Nightly Builds'ta zaten test edilebilir ve tarayıcı ortamıyla işbirliği içinde zamanlama görevlerine büyük değer kattığı Chrome'da da desteklenir. .
• Patricia Garcia, JavaScript ile Afrika'da Ebola ile mücadeleye nasıl yardımcı olduğunu anlatan hikayesini paylaşıyor. Çevrimdışı uygulama tasarımının nasıl ölçeklendirileceğine ve düzgün çalışan bir çözüm oluşturmak için iyi düşünülmüş kavramların neden önemli olduğuna dair harika bir örnek.

CSS/Sass

• Oliver Williams, CSS Izgara Düzeni hakkında öğrendiklerini paylaşıyor. Flexbox ile birlikte kullanılmak üzere tasarlandığını fark ettiğinizde, yeni teknolojinin gerçekte ne kadar güçlü olduğunu yavaş yavaş anlayacaksınız.
• JP de Vries, kritik CSS'yi ortaya çıkarmanın zorluklarını ve neden çoğu web sitesinin onsuz daha iyi olduğunu paylaşıyor.

İş hayatı

• Mike Monteiro, bu yıl Berlin'de düzenlenen Beyond Tellerrand konferansında etkileyici bir konuşma yaptı. “Şimdi Sıradan İnsanları Övelim”, dünyayı nasıl değiştirebileceğimize ve gerçekten anlamlı işler yapmak için bir şeyi değiştirmeyi iddia eden aşırı abartılmış girişimlere neden ihtiyacımız olduğuna dair gözlerimizi açıyor. Bu hafta sana bir şey izletebilirsem, 45 dakikanı ayır, arkana yaslan ve Mike Monteiro'yu dinle.
• selfcare.tech, geliştiricilerin sağlıklarına daha iyi bakmalarına yardımcı olmak istiyor. Her birimizin bir noktada karşılaşacağı ortak sorunları çözmek için bazı harika yöntemler gösteriyor.

Ötesine Geçmek…

• Bu güneş panelleri kesinlikle harika bir buluş: Panel başına günde 5 litreye kadar doğrudan havadan içme suyu çekebilirler. Geleneksel su kaynaklarınız olmadığında su kaynağı yapmanın çok güzel bir yolu.

Ve bununla, bu haftayı kapatacağım. Her hafta yazdıklarımı beğendiyseniz, lütfen bağış yaparak bana destek olun veya bu kaynağı başkalarıyla paylaşın. Projenin maliyetleri hakkında daha fazla bilgiyi buradan edinebilirsiniz. E-posta, RSS ve çevrimiçi olarak kullanılabilir.