Actualizare lunară pentru dezvoltare web 12⁄2018: WebP, starea UX și un experiment cu stres scăzut

Este ultima ediție a acestui an și sunt destul de încântat de ce a adus 2018 pentru noi, ce s-a întâmplat și cum a evoluat web-ul. Să recapitulăm și să ne reamintim ce a învățat fiecare dintre noi în acest an : Care a fost cea mai utilă caracteristică, API, bibliotecă pe care am folosit-o? Și cum ne-am schimbat personal?

Pentru actualizarea din această lună, am adunat încă o grămadă de articole pentru tine. Dacă încă nu vă este suficient material de lectură, puteți găsi întotdeauna mai multe în arhivă sau în lista Evergreen care conține cele mai importante articole de la începutul Listei de lectură pentru dezvoltare web. Sper că zilele tale până la sfârșitul anului nu vor fi prea stresante și îți doresc toate cele bune. Ne vedem anul viitor!

Știri

• Microsoft tocmai a anunțat că își va schimba strategia Edge: vor folosi Chromium ca nou motor de browser pentru desktop în loc de EdgeHTML și ar putea chiar să ofere Microsoft Edge pentru macOS. De asemenea, vor ajuta la dezvoltarea motorului Blink de acum înainte.
• Chrome 71 este disponibil și oferă suport în timp relativ prin API-ul de internaționalizare. De asemenea, nou este că sinteza vorbirii necesită acum activarea utilizatorului.
• Safari Technology Preview 71 este lansat, aducând supported-color-schemes în CSS și adăugând autentificarea web ca caracteristică experimentală.
• Firefox va oferi în curând utilizatorilor o setare de browser pentru a bloca automat toate solicitările de permisiuni. Acest lucru va afecta redarea automată a videoclipurilor, notificările web, solicitările de localizare geografică, solicitările de acces la cameră și microfon. Necesitatea de a bloca automat cererile arată cât de groaznic de greșit folosesc dezvoltatorii aceste tehnici. Vești triste pentru cei care se bazează pe astfel de solicitări pentru serviciile lor, cum ar fi serviciile de apelare WebRTC, de exemplu.

General

• În sfârșit, am găsit modalități de a accesa și de a folosi site-uri web offline cu o tehnologie uimitoare. Dar un lucru despre care am uitat este că, în ultimii treizeci de ani, am învățat oamenii că web-ul este online, așa că majoritatea oamenilor nu știu că nici măcar utilizarea offline există. O lecție despre designul experienței utilizatorului și importanța de a ne aminti de istoria mediului pentru care construim.

UI/UX

• Matthew Strom a scris despre importanța de a remedia lucrurile mai târziu și de a nu încerca să fii perfect.
• O resursă oarecum satirică despre starea UX în 2019.
• Erica Hall ne arată exemple de ce cea mai mare parte a „designului UX” este un mit și de ce nu numai designul face un produs grozav, ci și strategia de produs și modelul de afaceri potrivit. Cel mai bun exemplu de ce ar trebui să citiți acest lucru este atunci când Erica scrie „Virgin America. Rdio. Google Reader. Comcast. Care dintre acestea a oferit o experiență bună? Care dintre acestea mai există?” Un adevăr pe care nu îl puteți ignora și, din fericire, acesta nu este un articol pesimist, ci foarte provocator, cu sfaturi grozave despre cum putem folosi aceste cunoștințe pentru a ne îmbunătăți produsele. Cu strategie, cu design, cu un model de business care se potrivește.

Scule

• Sandip Devarkonda explică cum putem construi o aplicație în timp real cu abonamente GraphQL pe Postgres.

HTML și SVG

• Michael Scharnagl de ce să bată oamenii pentru că preferă un limbaj de codificare în detrimentul celuilalt trebuie să înceteze.

Accesibilitate

• Scott O'Hara ne reamintește cât de important este să nu uităm de funcționalitatea și accesibilitatea inerente pe care mulți le oferă atunci când ne străduim să obținem controale personalizate.

CSS

• Variabilele de mediu CSS vin și iată de ce avem nevoie de ele pe lângă proprietățile personalizate.
• Andy Bell explică cum putem folosi CSS Custom Properties pentru a gestiona fluxul și ritmul în layout-urile noastre. Un exemplu excelent care depășește utilizarea proprietăților personalizate pentru valorile culorilor.

JavaScript

• Google este pe cale să ne aducă un alt API: API-ul Badging permite aplicațiilor de desktop web să indice notificări noi sau similare. Specificațiile sunt încă în discuție și ar fi bucuroși să vă audă părerile despre el.
• Hidde de Vries explică cum putem folosi API-urile JavaScript moderne pentru a derula un element în centrul ferestrei de vizualizare.
• Disponibil în spatele steagurilor în Chrome 71, noua Background Fetch face posibilă preluarea resurselor care durează ceva timp pentru a se încărca - filme, de exemplu - în fundal.
• Pete LePage explică cum putem folosi API-ul Web Share Target pentru a înregistra un serviciu ca Share Target.
• Este încă o idee bună să utilizați JavaScript pentru încărcarea fonturilor web? Zach Leatherman împărtășește de ce ar trebui să decidem de la caz la caz și de ce este adesea cel mai bine să folosim CSS modern și font-display: swap; .
• Doka este un nou editor de imagini JavaScript de sine stătător demn de reținut. Deși nu este un produs gratuit, are metode foarte utile de editare cu o experiență plăcută pentru utilizator și, plătind o taxă anuală, vă asigurați că obțineți remedieri de erori și asistență.
• „Puterea componentelor web” împărtășește conceptele de bază, cum să începeți să le utilizați și de ce utilizarea propriilor elemente HTML în loc să lipiți HTML, clasele CSS aferente și un declanșator JavaScript pot simplifica lucrurile atât de mult.

Securitate

• Scott Helme împărtășește informații despre un nou antet de securitate pe care îl putem folosi: Clear Site Data -ului le permite proprietarilor de site-uri să șterge datele din cache, stocare (locală/sesiune/permanentă) sau cookie-uri. Acest lucru ar putea fi util pentru a șterge cu ușurință datele sensibile sau private stocate în cookie-uri locale de stocare sau de autentificare.
• Știm până acum că folosirea rel=noopener este o idee bună pentru elementele link-ul target=_blank . Acum Firefox experimentează înlocuirea automată a rel=noopener în browser pentru a se asigura că atacul de securitate nu poate fi abuzat.
• Terence Eden explorează modul în care multe site-uri mari care oferă plăți includ JavaScript neautentificat, neverificat de la terți. El explică ce înseamnă asta, de ce este atât de dăunător și cum am putea rezolva problema. Acestea fiind spuse, pachetul Stripe JavaScript pe care trebuie să îl includeți nu oferă nici integritatea resurselor secundare.
• Un alt incident de securitate a avut loc cu un pachet npm foarte popular: event-stream a fost publicat cu cod malware care fură anumite portofele Bitcoin din computere. Verificați dependențele de pe computer și asigurați-vă că actualizați la cele mai recente versiuni de pachet. npm audit ajută, de asemenea, la identificarea unor astfel de probleme.

Confidențialitate

• Ai soț sau soție? Copii? Alte rude? Atunci acest ghid esențial pentru protejarea datelor familiei dvs. este ceva pe care ar trebui să îl citiți și să îl transformați în acțiune. Internetul nu este un loc sigur și vrei să te asiguri că rudele tale înțeleg ce fac - și tu ești cel care îi poți proteja învățându-i sau creând setări implicite mai bune.

Performanța web

• Cum se compară dimensiunile fișierelor de imagine WebP cu cele mai performante optimizări JPEG? Daniel Aleksandersen prezintă cifrele și concluzionează că WebP face o treabă fantastică în depășirea altor formate optimizate aproape de fiecare dată.
• Ire Aderinokun arată cum putem folosi imaginile WebP astăzi. Acest lucru devine și mai relevant acum că Firefox oferă suport WebP în versiunile Nightly, iar Edge acceptă formatul încă de la ultima ediție.
• Unitatea de cloud a Amazon lansează cipuri de server bazate pe Arm și, prin aceasta, sunt capabile să reducă costurile cu aproximativ 45% (de exemplu, pentru serverele web). Aceasta înseamnă că consumul de energie este mult mai mic și eficiența generală este mai mare, ceea ce este un semn bun și pentru planeta noastră. Avem nevoie de mai multe dintre aceste actualizări evolutive ale infrastructurii care reduc impactul tehnologiei asupra climei noastre.

Muncă și viață

• Shana Lynch ne spune ce face pe cineva un lider de afaceri etic, care valori sunt importante, cum să rămâi drept atunci când lucrurile devin grele și cum să ne pregătim dinainte pentru situații incomode.
• Ozoemena Nonso încearcă să explice de ce adesea nu suntem fericiți. Hoțul fericirii noastre nu este să ne comparăm cu ceilalți; este că ne luptăm să obținem modelul de comparație corect. Un sfat de viață incredibil de bun dacă te compari des cu ceilalți și simți că fericirea ta are de suferit.
• Un sfat destul de neobișnuit: de ce să-i forțezi pe alții să-și părăsească zona de confort ar putea fi o idee proastă.
• Sandor Dargo despre cum a reușit să evite distragerile în timpul orelor de lucru și să-și facă treaba corect din nou.
• Paul Robert Lloyd scrie despre cartea lui Cennydd Bowles „Etica viitorului” și în timp ce explică despre ce este vorba, el subliniază și provocările eticii printr-un exemplu simplu.
• Jeffrey Silverstein este profesor și s-a luptat foarte mult să găsească timp pentru proiecte secundare în timp ce lucra cu normă întreagă. Acum a găsit o soluție pe care o împărtășește cu noi în acest articol grozav despre „Cum să echilibrezi munca cu normă întreagă cu proiectele creative”. O lectură inspirată la care mă pot identifica complet.
• Ben Werdmuller își împărtășește părerile despre motivul pentru care afacerile de stil de viață sunt subestimate masiv. Dar ce este o afacere cu stil de viață? El le definește ca fiind afaceri fără finanțare de risc care permit proprietarilor lor să mențină un anumit nivel de venit, dar nu mai mult. Ca o notă secundară amuzantă, acest articol arată cât de nebunești au devenit premiile de închiriere pe Coasta de Vest a SUA.
• Jake Knapp povestește cum a supraviețuit șase ani cu un smartphone fără distragere a atenției — fără e-mailuri, fără notificări. Și are câteva sfaturi grozave pentru noi și un exercițiu de încercat. Mi-am mutat recent toate aplicațiile într-un singur dosar de pe al doilea ecran pentru a mă asigura că trebuie să caut aplicația, ceea ce înseamnă de obicei că vreau cu adevărat să o deschid și nu o fac doar pentru a-mi distra atenția.
• Ryan Avent a scris despre motivul pentru care muncim atât de mult. Acest eseu este bine cercetat și explică de ce considerăm munca ca fiind esențială, de ce ne îndrăgostim de ea și de ce stilul nostru de viață și societatea acceptă să muncească mai mult tot timpul.

A merge dincolo de…

• „Pentru cine lucrează cu adevărat designerii” este o capodopera despre responsabilitate.
• Maryanne Wolf împărtășește cercetări care arată că atunci când creierul nostru cititor scutește textele, nu avem timp să înțelegem complexitatea, să înțelegem sentimentele sau să percepem frumusețea. O tendință care s-a înrăutățit în ultimele decenii.
• Investitorii globali care gestionează 32 de miliarde de dolari au emis un avertisment dur guvernelor la summitul ONU privind schimbările climatice, cerând reduceri urgente ale emisiilor de carbon și eliminarea treptată a arderii cărbunelui. Fără acestea, lumea se confruntă cu o criză financiară de câteva ori mai gravă decât criza din 2008, au spus ei.
• În anumite privințe, cea mai gravă extincție în masă a planetei – acum 250 de milioane de ani, la sfârșitul perioadei Permian – poate fi paralelă cu schimbările climatice de astăzi.