Aylık Web Geliştirme Güncellemesi 12⁄2018: WebP, UX'in Durumu ve Düşük Stresli Bir Deney

Bu yılın son baskısı ve 2018'in bize neler getirdiğini, neler olduğunu ve web'in nasıl geliştiğini oldukça merak ediyorum. Bunu özetleyelim ve her birimizin bu yıl öğrendiklerini hatırlatalım : Kullandığımız en kullanışlı özellik, API, kitaplık neydi? Ve kişisel olarak nasıl değiştik?

Bu ayın güncellemesi için, sizin için bir yığın makale daha topladım. Bu henüz sizin için yeterli okuma materyali değilse, Web Geliştirme Okuma Listesinin başlangıcından bu yana en önemli makaleleri içeren arşivde veya Evergreen listesinde her zaman daha fazlasını bulabilirsiniz. Umarım yıl sonuna kadar olan günleriniz çok stresli olmaz ve hepinize en iyi dileklerimle. Gelecek yıl görüşürüz!

Haberler

• Microsoft, Edge stratejilerini değiştireceklerini duyurdu: Masaüstü için yeni tarayıcı motoru olarak EdgeHTML yerine Chromium'u kullanacaklar ve hatta macOS için Microsoft Edge sağlayabilirler. Ayrıca bundan sonra Blink motorunun geliştirilmesine de yardımcı olacaklar.
• Chrome 71 çıktı ve Uluslararasılaştırma API'sı aracılığıyla göreceli zaman desteği getiriyor. Ayrıca yeni olan, konuşma sentezinin artık kullanıcı aktivasyonu gerektirmesidir.
• Safari Technology Preview 71 çıktı, supported-color-schemes CSS'ye getirdi ve Web Kimlik Doğrulaması'nı deneysel bir özellik olarak ekledi.
• Firefox yakında kullanıcılara tüm izin isteklerini otomatik olarak engellemek için bir tarayıcı ayarı sunacak. Bu, otomatik oynatılan videoları, web bildirimlerini, coğrafi konum isteklerini, kamera ve mikrofon erişim isteklerini etkiler. İstekleri otomatik olarak engelleme ihtiyacı, geliştiricilerin bu teknikleri ne kadar yanlış kullandıklarını gösteriyor. Örneğin, WebRTC arama hizmetleri gibi hizmetleri için bu tür taleplere güvenenler için üzücü bir haber.

Genel

• Sonunda, harika teknolojiyle web sitelerine çevrimdışı erişmenin ve bunları kullanmanın yollarını bulduk. Ancak unuttuğumuz bir şey var ki, son otuz yılda insanlara web'in çevrimiçi olduğunu öğrettik, bu yüzden çoğu insan çevrimdışı kullanımın var olduğunu bile bilmiyor. Kullanıcı deneyimi tasarımı ve inşa ettiğimiz ortamın geçmişini bize hatırlatmanın önemi hakkında bir ders.

kullanıcı arayüzü/UX

• Matthew Strom, işleri daha sonra düzeltmenin ve mükemmel olmaya çalışmamanın önemi hakkında yazdı.
• 2019'daki UX durumu hakkında biraz hicivli bir kaynak.
• Erica Hall, 'UX tasarımının' çoğunun neden bir efsane olduğunu ve neden sadece tasarımın harika bir ürün değil, aynı zamanda doğru ürün stratejisi ve iş modelini oluşturduğuna dair örnekler gösteriyor. Bunu neden okumanız gerektiğine dair en iyi örnek, Erica'nın “Virgin America. Radyo. Google okuyucu. Comcast. Bunlardan hangisi iyi bir deneyim sundu? Bunlardan hangisi hala var?” Göz ardı edemeyeceğiniz bir gerçek ve neyse ki bu, karamsar değil, bu bilgiyi ürünlerimizi geliştirmek için nasıl kullanabileceğimize dair harika ipuçları içeren çok düşündürücü bir makale. Stratejiyle, tasarımla, uygun iş modeliyle.

Takım

• Sandip Devarkonda, Postgres'te GraphQL abonelikleriyle gerçek zamanlı bir uygulamayı nasıl oluşturabileceğimizi açıklıyor.

HTML ve SVG

• Michael Scharnagl, bir kodlama dilini diğerine tercih ettikleri için insanları ezmenin neden durması gerektiğine dair.

Ulaşılabilirlik

• Scott O'Hara, özel tasarımlı kontroller için uğraştığımızda birçok kişinin sağladığı doğal işlevsellik ve erişilebilirliği unutmamanın ne kadar önemli olduğunu hatırlatıyor.

CSS

• CSS Ortam Değişkenleri geliyor ve işte bu yüzden Özel Özellikler'e ek olarak onlara ihtiyacımız var.
• Andy Bell, mizanpajlarımızda akışı ve ritmi yönetmek için CSS Özel Özelliklerini nasıl kullanabileceğimizi açıklıyor. Renk değerleri için Özel Özellikler kullanmanın ötesine geçen mükemmel bir örnek.

JavaScript

• Google bize başka bir API getirmek üzere: Rozetleme API'si, Web Masaüstü Uygulamalarının yeni bildirimleri veya benzerlerini göstermesine olanak tanır. Spesifikasyon hala tartışılıyor ve bu konudaki düşüncelerinizi duymaktan memnuniyet duyacaklardır.
• Hidde de Vries, bir öğeyi görünümün merkezine kaydırmak için modern JavaScript API'lerini nasıl kullanabileceğimizi açıklıyor.
• Chrome 71'de bayrakların arkasında bulunan yeni Background Fetch , yüklenmesi biraz zaman alan kaynakları (örneğin filmler) arka planda getirmeyi mümkün kılar.
• Pete LePage, bir hizmeti Paylaşım Hedefi olarak kaydetmek için Web Paylaşım Hedefi API'sini nasıl kullanabileceğimizi açıklıyor.
• Web yazı tiplerini yüklemek için JavaScript kullanmak yine de iyi bir fikir mi? Zach Leatherman neden duruma göre karar vermemiz gerektiğini ve neden modern CSS ve font-display: swap; .
• Doka, akılda tutulması gereken yeni bir bağımsız JavaScript resim düzenleyicisidir. Ücretsiz bir ürün olmasa da, hoş bir kullanıcı deneyimi ile düzenleme için çok kullanışlı yöntemler içerir ve yıllık ücret ödeyerek hata düzeltmeleri ve destek almanızı sağlarsınız.
• “Web Bileşenlerinin Gücü” temel kavramları, bunları nasıl kullanmaya başlayacağınızı ve HTML'yi, ilgili CSS sınıflarını ve bir JavaScript tetikleyicisini birbirine yapıştırmak yerine neden kendi HTML öğelerinizi kullanmanın işleri bu kadar basitleştirebileceğini paylaşıyor.

Güvenlik

• Scott Helme, kullanabileceğimiz yeni bir güvenlik başlığı hakkında bilgi paylaşıyor: Clear Site Data , site sahiplerinin verileri önbellekten, (yerel/oturum/kalıcı) depolamadan veya çerezlerden temizlemesine olanak tanır. Bu, localStorage veya kimlik doğrulama çerezlerinde saklanan hassas veya özel verileri kolayca silmek için faydalı olabilir.
• Artık rel=noopener kullanmanın target=_blank bağlantı öğeleri için iyi bir fikir olduğunu biliyoruz. Artık Firefox, güvenlik saldırısının kötüye kullanılmamasını sağlamak için tarayıcıda otomatik olarak rel=noopener ile değiştirmeyi deniyor.
• Terence Eden, ödeme sunan birçok büyük sitenin, üçüncü taraflardan gelen kimliği doğrulanmamış, doğrulanmamış JavaScript'i nasıl içerdiğini araştırıyor. Bunun ne anlama geldiğini, neden bu kadar zararlı olduğunu ve sorunu nasıl çözebileceğimizi ayrıntılı olarak açıklıyor. Bununla birlikte, eklemeniz gereken Stripe JavaScript paketi de Alt Kaynak Bütünlüğü sunmuyor.
• Çok popüler bir npm paketiyle başka bir güvenlik olayı gerçekleşti: event-stream , bilgisayarlardan belirli Bitcoin cüzdanlarını çalan kötü amaçlı yazılım koduyla yayınlandı. Lütfen makinenizdeki bağımlılıkları kontrol edin ve en son paket sürümlerine güncelleme yaptığınızdan emin olun. npm audit de bu tür sorunların belirlenmesine yardımcı olur.

Mahremiyet

• kocan veya karın var mı Çocuklar? Diğer akrabalar? O halde, ailenizin verilerini korumaya yönelik bu temel kılavuz, okumanız ve eyleme geçirmeniz gereken bir şeydir. İnternet güvenli bir yer değil ve akrabalarınızın ne yaptıklarını anlamalarını sağlamak istiyorsunuz - ve onlara öğreterek veya daha iyi varsayılan ayarlar oluşturarak onları koruyabilecek olan sizsiniz.

Web Performansı

• WebP görüntü dosyası boyutları, en iyi performans gösteren JPEG optimizasyonlarıyla nasıl karşılaştırılır? Daniel Aleksandersen rakamları sunuyor ve WebP'nin neredeyse her seferinde diğer optimize edilmiş formatları yenme konusunda harika bir iş çıkardığı sonucuna varıyor.
• Ire Aderinokun, bugün WebP görüntülerini nasıl kullanabileceğimizi gösteriyor. Bu, Firefox'un Nightly yapılarında WebP desteği sunduğu ve Edge'in de son sürümden bu yana formatı desteklediği için artık daha da alakalı hale geliyor.
• Amazon'un bulut birimi, Arm tabanlı sunucu çiplerini piyasaya sürüyor ve bu sayede maliyetleri yaklaşık %45 oranında azaltabiliyorlar (örneğin web sunucuları için). Bu, enerji tüketiminin çok daha düşük ve genel verimliliğin daha yüksek olduğu anlamına gelir ki bu da gezegenimiz için iyiye işarettir. Teknolojinin iklimimiz üzerindeki etkisini azaltan bu evrimsel altyapı yükseltmelerinden daha fazlasına ihtiyacımız var.

İş hayatı

• Shana Lynch bize birini etik bir iş lideri yapan şeyin ne olduğunu, hangi değerlerin önemli olduğunu, işler zorlaştığında nasıl dik duracağını ve rahatsız edici durumlara önceden nasıl hazırlanacağını anlatıyor.
• Ozoemena Nonso neden genellikle mutlu olmadığımızı açıklamaya çalışıyor. Mutluluğumuzun hırsızı kendimizi başkalarıyla karşılaştırmak değildir; karşılaştırma modelini doğru elde etmek için mücadele etmemizdir. Kendinizi sık sık başkalarıyla karşılaştırırsanız ve mutluluğunuzun bundan zarar gördüğünü düşünüyorsanız, inanılmaz derecede iyi bir hayat tavsiyesi.
• Oldukça sıra dışı bir tavsiye: Başkalarını rahatlık alanlarından çıkmaya zorlamak neden kötü bir fikir olabilir.
• Sandor Dargo, çalışma süresi boyunca dikkat dağıtıcı şeylerden nasıl kaçındığını ve işini tekrar düzgün yapmayı nasıl başardığını anlatıyor.
• Paul Robert Lloyd, Cennydd Bowles'in “Future Ethics” adlı kitabı hakkında yazıyor ve kitabın ne hakkında olduğunu anlatırken basit bir örnekle etiğin zorluklarına da işaret ediyor.
• Jeffrey Silverstein bir öğretmendir ve tam zamanlı çalışırken yan projeler için zaman bulmakta çok uğraşmıştır. Şimdi ise “Tam zamanlı çalışma ile yaratıcı projeler arasında nasıl denge kurulur” konulu bu harika makalesinde bizimle paylaştığı bir çözüm buldu. Tamamen ilişki kurabileceğim ilham verici bir okuma.
• Ben Werdmuller, yaşam tarzı işletmelerinin neden büyük ölçüde küçümsendiği konusundaki düşüncelerini paylaşıyor. Ama bir yaşam tarzı işi nedir? Onları, sahiplerinin belirli bir düzeyde gelir elde etmelerine izin veren, ancak daha fazlasını değil, girişim sermayesi olmayan işletmeler olarak tanımlar. Eğlenceli bir yan not olarak, bu makale ABD Batı Kıyısı'nda kiralama ödüllerinin ne kadar çılgın hale geldiğini gösteriyor.
• Jake Knapp, dikkati dağılmayan bir akıllı telefonla altı yıl nasıl hayatta kaldığını paylaşıyor - e-posta yok, bildirim yok. Ve bizim için harika ipuçları ve denenecek bir egzersizi var. Son zamanlarda, uygulamayı aramam gerektiğinden emin olmak için tüm uygulamalarımı ikinci ekranda tek bir klasöre taşıdım; bu, genellikle uygulamayı gerçekten açmak istediğim ve sadece dikkatimi dağıtmak için yapmadığım anlamına gelir.
• Ryan Avent neden bu kadar çok çalıştığımızı yazdı. Bu makale iyi araştırılmış ve çalışmayı neden önemli gördüğümüzü, neden ona aşık olduğumuzu ve yaşam tarzımızın ve toplumumuzun neden her zaman daha fazla çalışmayı kucakladığını açıklıyor.

Ötesine Geçmek…

• “Tasarımcılar Gerçekten Kimin İçin Çalışır” sorumlulukla ilgili bir başyapıttır.
• Maryanne Wolf, beynimiz metinleri gözden geçirdiğinde karmaşıklığı kavramak, duyguları anlamak veya güzelliği algılamak için zamanımız olmadığını gösteren araştırmayı paylaşıyor. Son on yılda daha da kötüleşen bir eğilim.
• 32 trilyon doları yöneten küresel yatırımcılar, BM iklim zirvesinde hükümetlere sert bir uyarıda bulunarak, karbon emisyonlarının acilen kesilmesini ve tüm kömür yakmanın aşamalı olarak durdurulmasını talep etti. Bunlar olmadan, dünya 2008 krizinden birkaç kat daha kötü bir mali çöküşle karşı karşıya, dediler.
• Bazı yönlerden, gezegenin 250 milyon yıl önce, Permiyen Dönemi'nin sonundaki en kötü kitlesel yok oluşu, bugün iklim değişikliğine paralel olabilir.