Aylık Web Geliştirme Güncellemesi 1⁄2019: Alışkanlıkları Yeniden Düşünmek ve Özel Çözümler Bulma

Yeni yıla yeni deneylerle başlamaktan daha iyi ne olabilir? Bugün, projelerimden birinde JavaScript araçlarını yeniden düşünmenin zamanının geldiğini düşündüm. Her şeyi zaten düz ECMAScript modüllerinde yazdığımızdan, bunları şimdi yerel olarak sunmanın ve tüm oluşturma ve aktarma adımlarını kaldırmanın kolay olacağını düşündüm. Çoğu kodu kendimiz yazmış olmamıza rağmen, orada birkaç üçüncü taraf bağımlılığımız olduğunu ve elbette hepsinin ECMAScript modülleri olmadığını fark edene kadar. Bu yüzden şimdilik, tüm yapım adımlarını kaldırma ve işleri bir araya getirmeye ve aktarmaya devam etme planlarımdan vazgeçmem gerekiyor, ancak araç kurulumumuzu modernize etmek ve basitleştirmek için daha iyi bir çözüm bulmaya çalışacağım ve daha küçük bir paket sağlayacağım. kullanıcılar.

Başka bir deney: Sadece birkaç hafta önce bir web sitesi için basit bir "sayfanın en üstüne git" düğmesi oluşturmam gerekti. Olay işlemeyi optimize etmek için requestAnimationFrame ve benzer şeyler kullandım, ancak bugün görünüm penceresindeki düğmeyi değiştirmek için IntersectionObserver kullanan daha güzel ve daha verimli bir çözüm buldum. Bu makaleyi aşağıdaki JavaScript bölümünde bulacaksınız. Bu küçük hikayeleri paylaşmak istememin nedeni, en önemli şeyin alışkanlıklarımızı ve mevcut çözümlerimizi gözden geçirmemiz ve bir ürünü iyileştirebilecek daha iyi, daha yeni, daha basit fikirler olup olmadığını görmemiz olduğuna inanıyorum. Oynamaya devam edin, araştırmaya devam edin ve zaman zaman mevcut sistemleri yeniden gözden geçirdiğinizden emin olun.

Haberler

• Joseph Medley bize Chrome 72'deki, window.open aracılığıyla sayfa yükleme sırasında açılır pencerelerin engellenmesini, HTTP Tabanlı Genel Anahtar Sabitlemeyi ve TLS 1.0 ve TLS 1.1'in kullanımdan kaldırılmasını içeren kullanımdan kaldırma ve kaldırma işlemlerini gösteriyor.

kullanıcı arayüzü/UX

• Jesse Weaver'ın burada yazdığı şey kulağa büyük bir haber gibi gelmiyor, ancak kendi ürünlerimiz için başkaları için işe yarayan bir ürün stratejisini benimsemeye ne kadar çabuk kapıldığımızı gösteriyor. Jesse bunun neden iyi bir fikir olmadığını ve neden her zaman kendi özel çözümlerinizi bulmaya çalışmanız gerektiğini paylaşıyor.

Web Performansı

• Jack Lenox, web sitesi performansının gezegenimizin iklimini ne kadar ağır bir şekilde etkilediğini ve performansın daha iyi yükleme sürelerinin ötesinde ziyaretçileriniz üzerindeki etkisini araştırıyor.
• Tim Kadlec, insanları içerebileceği veya hariç tutabileceği, enerji, ağ trafiği ve zaman israfını artırabileceği veya azaltabileceği için performansın neden etik bir nokta olduğunu açıklıyor.

JavaScript

• "Başa dön" düğmesini nasıl sağlarız? Pekala, işte düğmeyi göstermek ve gizlemek için bir Kavşak Gözlemcisi kullanan çok performans odaklı, verimli bir yaklaşım.
• Ackermann Yuriy, FIDO2'yi ve Web Kimlik Doğrulama API'sini, parolaları olmayan kullanıcılarda oturum açmak için nasıl kullanabileceğimizi açıklıyor.
• Chrome şu anda getInstalledRelatedApps adlı ve bir kullanıcının yerel uygulamanızın yüklü olup olmadığını algılamanıza olanak tanıyan bir API üzerinde çalışıyor. Bu, onlara varsayılan olarak uygulama afişlerini artık göstermemek veya doğrudan web sitenizden uygulamada belirli bir ürün özelliğini açmalarına izin vermek için yararlı olabilir.
• Harry Wolff, JavaScript uygulamalarında kodu bölmek için React.lazy ve suspense'ı nasıl kullanabileceğimizi gösteriyor. Bu, uygulama paketinin orijinal yük boyutunu azaltmak için önemlidir ve bir web sitesinin performansı ve kullanıcı deneyimi için büyük bir fark yaratabilir.

CSS

• Una Kravets, CSS için Houdini ve Paint API'yi kullanma konusunda harika bir eser yazdı. Bunu, standart CSS'de mevcut olmayan özelleştirilmiş bir metin-dekorasyon altı çizili stili örneğinde gösteriyor.
• Eric Portis, görüntülerin ayrıştırılmadan önce tarayıcıya beklenen boyutlarını ima ederek tarayıcılarda sarsıntısız görüntü yüklemeleri sağlamamıza - umarım yakında - yardımcı olacak intrinsicsize boyutlu HTML özniteliği kavramını açıklar.
• Scott Jehl, açık kaynaklı özel görünüm select modülünü güncelledi ve bu blog yazısında, bugün select seçimini nasıl yapabileceğimizi açıklıyor.
• Chris Coyier, bir web bileşenine nasıl stil verileceğini özetledi ve global stilleri devralmasını mı yoksa sıfırdan başlamasını mı istediğimize karar verdi.

İş hayatı

• “Başarı duygusu hissetmek, öz değer duygumuzun önemli bir parçasıdır. Daha fazlasını başarabileceğinizi düşündüğünüz için kendinizi hırpalamak, kendinize olan güveninizi ve öz saygınızı zedeleyebilir ve günün sonunda kendinizi tükenmiş hissetmenize neden olabilir.” Lisa Evans, bu tuzağa düşmemek için neler yapabileceğimizi paylaşıyor.
• Itamar Turner-Trauring, uzun saatler çalışmak isteyen insanlarla rekabet ederken iyi bir iş-yaşam dengesiyle nasıl bir iş bulacağınıza dair düşüncelerini paylaşıyor.
• Uygulamalar gibi dijital ürünlere dayalı sağlık ve tedavi sağlamak iyi bir fikir mi? Ve eğer öyleyse, bunun gereklilikleri, standartları nelerdir? Bunun etik olarak doğru yapıldığından nasıl emin olabiliriz? Sınırları, mahremiyet sınırlarını nasıl belirliyoruz, şirketlerin burada deneylerle ne kadar ileri gitmesine izin veriyoruz? Kişiselleştirilmiş içerik iyi olur mu? Cihazlarımızdan toplanan verileri sağlık hizmeti sağlayıcıları veya sigortalar ile paylaşmak uygun mudur? Bunlar kendimize sormamız ve bireysel bir cevap bulmamız gereken sorular.
• Millenialların nasıl tükenmişlik kuşağı haline geldiğiyle ilgili bu makale bu hafta beni çok etkiledi. Kendimi “Millenials” olarak tanımlanan bu insan grubunda görüyorum (20 yaşındakilerden çok daha fazla insanı etkilediğini düşünüyorum) ve orada bahsedilen o kadar çok mücadeleyle ilişki kurabiliyorum ki şimdi bunların bunların olduğunu düşünüyorum. problemler hayal ettiğimden daha büyük. Toplumu, siyaseti, gezegenimizdeki her bireyi etkileyecekler. Bu gerçek göz önüne alındığında, bugün çoğu insanın korkuları ve onları rahatsız eden herhangi bir şey hakkında konuşabilecekleri bir arkadaşları olmadığını, yirmi yıl önce ortalama yanıtın hala beş civarında olduğunu duymak çılgınca. Arkadaşlarımıza onların yanında olduğumuzdan ve bizimle zor şeyler hakkında konuşabileceklerinden emin olalım. 2019, kendi etki alanımızda arkadaşlarımız, komşularımız ve internette birlikte çalıştığımız veya konuştuğumuz insanlar hakkında heyecan ve mutlulukla düşünebileceğimiz bir insan topluluğunda yaşamayı harika kıldığımız bir yıl olmalı.
• Hepimiz aynı anda pek çok şeyi barındırmaya çalışıyoruz: işte, evde, çocuklarımızla, ilişkilerimizde, spor yaparken, mali konularda ustalaşmak ve bazı hobilerde başarılı ve üretken olmak. Ancak tüm bunları aynı anda aynı düzeyde yönetmenin imkansız olduğunu körü körüne görmezden geliyoruz. Bir takvim yılının sonu gibi belirli bir zaman diliminde her şeyi yapmadığımızda pişmanlık duyarız. Shawn Blanc, yapmadıklarımız için suçluluk duymak yerine yaptıklarımızı kutlamamız gerektiğini savunuyor.

Ötesine Geçmek…

• Kelimeler var ve sonra kelimeler var. Birçoğumuz “adil” kelimesinin bir kelime olarak ne kadar zararlı olabileceğini, ne kadar kuralcı, ne kadar pasif agresif olduğunu biliyoruz. Tobias Tom, günlük dilimizde kullanmanın dolaylı ve sonuçlarını inceleyerek "meli"nin yararlı bir kelime olup olmadığını sorguluyor. Neden “olmalı” size ve elde etmek istediğiniz şeye zararlı olabilir.
• "Hepimiz neyi temsil ettiğimizi biliyoruz. İşin püf noktası, değerlerimizi net bir şekilde ifade etmek ve onların yanında olmaktır," diyor Ben Werdmuller ve karşılaşabileceğiniz dış baskılardan veya karşılaşabileceğiniz dış baskılardan bağımsız olarak geçmek istemediğiniz kendi kırmızı çizginiz hakkında düşünmenin ne kadar önemli olduğuna dikkat çekiyor. karşılığında alabileceğin para.
• İklim iyileştirme için bu hafta heyecan verici haberler: Bir ağaç uzmanı ekibi, bazıları 3.000 yaşında olan ve kesildiğinde çapı 35 fit olan dünyanın en eski ve en büyük sahil sekoyalarından bazılarının kütüklerinden başarılı bir şekilde klonlayıp fidan yetiştirdi. 19. ve 20. yüzyıllarda. Bu ayın başlarında, klonlanan fidanların 75'i San Francisco'daki Presidio Ulusal Parkı'na dikildi. Bunu bu kadar özel yapan şey, bu eski ağaçların yaşamları boyunca atmosferden 250 ton karbondioksiti, ortalama bir ağaç için 1 ton karbondioksiti tutabilmeleridir.
• Devam eden teknolojik gelişme ve giderek daha fazla şeyi otomatikleştiren yeni hizmetler oluşturma çabası, insan bağlantısını vurgulamayı daha da kritik hale getiriyor. Ryan Paugh, müşterileri, çalışanları veya çevre için bir şeyleri iyileştirmek için hiçbir çaba göstermeyen şirketlerin yakında mücadele etmeye başlayacağını söylüyor.
• Genellikle otomobil endüstrisindeki teknolojik icatlar ve onların bunu başkalarıyla paylaşma istekleri hakkında pek iyi haberler beklemiyoruz. Ancak Toyota şimdi otomatik güvenlik sistemi 'Guardian'ı rakipleriyle paylaşmaya karar verdi. Arabaların çarpmasını önlemek için kendi kendine sürüş teknolojisini kullanır. “Onu sadece kendimize ait tutmayacağız. Ancak, ister lisanslama yoluyla isterse gerçek tüm sistemler yoluyla olsun, bunu bir şekilde başkalarına sunacağız” diyor şirketten Gill Pratt.

Okuduğunuz için teşekkürler! 2019'daki Web Geliştirme Güncellememin bu yeni baskısı ile geri döndüğüm için mutluyum ve devam eden tüm desteğiniz için minnettarım. Bu kadar çok kişinin bu kaynağı faydalı bulduğunu duymak beni mutlu ediyor. Bu yüzden beğendiyseniz, lütfen bunu tanıdığınız kişilerle paylaşmaktan, bana geri bildirimde bulunmaktan veya küçük bir miktar parayla desteklemekten çekinmeyin. —Anselm