Web Geliştirme Okuma Listesi #156: Tarayıcı Haberleri, Web Paketi 2 ve HPKP'den Alınan Dersler

Yayınlanan: 2022-03-10
Kısa özet ↬ Bir odada tek başına oturan bir kişi yalnız mı? Dışarıdan bakıldığında öyle görünebilir ama insan beyni bu konularda çok daha ilginç. İçimizde bir ilişkiler haritası taşıyoruz ve kişinin gerçekten yalnız hissedip hissetmemesi bu haritaya bağlı. Az önce “Stres ve Sosyal Benlik: İlişkiler Bağışıklık Sistemimizi Nasıl Etkiler” kitabını okudum ve ondan çok şey öğrenebileceğimizi hissediyorum. Aslında, şimdi sosyal medyaya farklı bir perspektiften bakabilirim. Biz sosyal varlıklarız, sizinle iyi içerikler paylaşmayı seviyorum, bu yüzden lafı daha fazla uzatmadan, işte bu haftanın web geliştirici okuma listesi.

Bir odada tek başına oturan bir insan yalnız mıdır? Dışarıdan bakıldığında öyle görünebilir ama insan beyni bu konularda çok daha ilginç. İçimizde bir ilişkiler haritası taşıyoruz ve kişinin gerçekten yalnız hissedip hissetmemesi bu haritaya bağlı.

Az önce “Stres ve Sosyal Benlik: İlişkiler Bağışıklık Sistemimizi Nasıl Etkiler” kitabını okudum ve ondan çok şey öğrenebileceğimizi hissediyorum. Aslında, şimdi sosyal medyaya farklı bir perspektiften bakabilirim. Biz sosyal varlıklarız, sizinle iyi içerikler paylaşmayı seviyorum, bu yüzden lafı daha fazla uzatmadan, işte bu haftanın web geliştirici okuma listesi.

SmashingMag'de Daha Fazla Okuma :

  • Web Paketine Ayrıntılı Bir Giriş
  • HTTP Ortak Anahtar Sabitlemeden (HPKP) Korkmayın
  • Sadece Daha Fazla Saat Çalışmadan Daha Fazla İş Yapmak
  • DNS'ye Giriş: Korkunç DNS Gecikmesini Açıklama

Haberler

  • Opera 41 ve Chrome 54 çıktı ve bazı ilginç yeni özelliklerle geliyorlar. Güncellemeler artık Özel Öğeler v1'in yanı sıra ParentNode.prototype.append() veya ön eksiz CSS user-select gibi bazı yeni ve kullanışlı JavaScript yöntemlerini de destekliyor. Öte yandan, TouchEvent.prototype.initTouchEvent kaldırdılar (bundan sonra yapıcıyı kullanmanız gerekecek) ve KeyboardEvent.prototype.keyIdentifier , KeyboardEvent.prototype.key ile değiştirildi.
  • Diğer büyük tarayıcı satıcılarının önerisini takiben Mozilla, 1 Ocak 2017'den itibaren WoSign ve StartCom sertifikalarına, geçmiş tarihli sertifikalar ve iki şirketin bir satın alımının ifşa edilmemesi ve reddedilmesi nedeniyle güvenmeyecektir. Daha iyi CA güvenliği için harika bir adım.
  • Node.js v6 bu hafta mevcut LTS sürümüne geçti ve Node.js v7 de yayınlandı. ES6'nın %98'ini kapsar, yeni V8 motorunu, geliştirilmiş güvenilirliği ve performansı ve WHATWG URL standardına dayalı yeni bir URL ayrıştırıcısını getirir.

Genel

  • Yaklaşan Chrome 55 (şimdi beta sürümünde) ile tarayıcı sonunda Pointer Events için destek alacak. Ayrıca JavaScript zaman async / await - işlevlerini destekleyecek ve Chromium tarayıcılarında yıllarca yokluğun ardından CSS hyphens özelliğini canlandıracaktır. Bir once Olay Dinleyici seçeneği de eklenecek ve yükleme sürelerini iyileştirmek ve başarısız gezinmeleri önlemek için, document.write() kullanılarak enjekte edilen çapraz kaynaklı ve ayrıştırıcı engelleme komut dosyaları artık 2G bağlantıları üzerinden yüklenmeyecek (bu da 3. taraf HTML5Boilerplate tarafından kullanılan yedekler, gelecek Chrome sürümlerinde artık çalışmayacaktır).

Araçlar ve İş Akışları

  • Jack Franklin, mevcut Web Paketi 1'den gelecek Web Paketi 2'ye nasıl geçileceğini ve ikisi arasındaki farkların nerede olduğunu açıklıyor.
  • Halihazırda sergilenen Boxy SVG Editor'a benzer şekilde Vectr, gerçek zamanlı paylaşıma sahip yeni bir çevrimiçi/masaüstü vektör grafik düzenleyicisidir.
Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

vektör
Vectr, basit ama güçlü bir çapraz platform vektör grafik düzenleyicisidir. (Resim kredisi: Vectr)

Güvenlik

  • Paragon Initiative Enterprises, PHP geliştiricileri için PHP ile geliştirme yapan herkesin bilmesi gereken otomatik güvenlik güncellemelerine yönelik kapsamlı bir kılavuz paylaşıyor.
  • Geçen hafta Smashing Magazine, süresi dolan bir SSL sertifikasıyla uğraşmak zorunda kaldı. Bu genellikle yenilenmesi kolay bir şey olsa da, HTTP Genel Anahtar Sabitlemeyi (HPKP) etkinleştirdiyseniz ve uzun bir sona erme tarihine (genellikle amaçlanan) ayarladıysanız sorunlar ortaya çıkabilir. Mathias Biilmann Christensen şimdi bundan öğrenilen dersleri ve neden HPKP'nin farkında olmanız (ve korkmanız!) gerektiğini ve sitenin HPKP etkinleştirilmiş kullanıcılarınız için bozulmaması için eski bir anahtarla nasıl yeni bir sertifika düzenleyeceğinizi yazdı.

Mahremiyet

  • Mattias Geniar, Raspberry Pi için DNS tabanlı bir kara liste olan Pi-Hole'u kullanarak tüm ev ağınızdaki reklamları ve izleyicileri nasıl kolayca engelleyebileceğinizi paylaşıyor.

Web Performansı

  • Canopy'den Brian Armstrong, son Dyn DNS kesintisinin gösterdiği gibi, neden varsayılan DNS ayarlarına güvenmemeniz gerektiğini açıklıyor. DNS'yi doğru şekilde nasıl yapılandıracağınızı, daha uzun bir TTL'nin neden önemli olduğunu ve farklı sağlayıcılardan farklı ad sunucularına sahip olmanın neden hizmetinizin çalışma süresinden tasarruf edebileceğini ele alıyor.
Yalnızca bir DNS sağlayıcısından birden çok ad sunucusu
Birden fazla ad sunucusuna sahip olmak iyidir, ancak biri başarısız olursa isteklerin başkaları tarafından çözülebilmesi için farklı DNS sağlayıcılarından geldiklerinden emin olun. (İmaj kredisi: Brian Armstrong)

JavaScript

  • Fuse.js, yeni ve hafif bir JavaScript bulanık arama kitaplığıdır.

CSS/Sass

  • Roman Komarov, CSS Özel Özellikleri'ndeki koşullar, çözümler, zorluklar ve daha karmaşık koşullar söz konusu olduğunda ön işlemcilerden nasıl yararlanabileceğiniz hakkında yazdı. Makale ayrıca web standardının nasıl genişletilebileceğine dair birkaç ilginç fikirden de bahsediyor.

İş hayatı

  • Cal Newport, çalışma sırasındaki derin molaların zihninizin yeniden şarj olmasına ve böylece üretkenliğinizi artırmaya nasıl yardımcı olabileceğine dair düşüncelerini paylaşıyor.

Ötesine Geçmek…

  • Bu tür bir arka plan hikayesi görmek gerçekten ilginç: Katie Singer, internete güç sağlamak için kullanılan gerçek enerji miktarını ortaya koyuyor ve bir web sitesine güç sağlamak için herhangi birimizin ne kadar güç üretmesi gerektiğini karşılaştırarak bu rakamları perspektife koyuyor.

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.