Actualizare lunară pentru dezvoltare web 10⁄2018: Hurricane Web, integritate de la capăt la capăt și RAIL

Publicat: 2022-03-10
Rezumat rapid ↬ Ce s-a întâmplat în lumea dezvoltatorilor web în ultimele patru săptămâni? În lista sa lunară de lectură, Anselm a rezumat tot ce trebuie să știți — de la știri despre browser la tehnici valoroase, instrumente și lecții învățate.

Cu cele mai recente studii și rapoarte oficiale publicate în această săptămână, se pare că pentru a evita o schimbare ireversibilă a climei pe Planeta Pământ, trebuie să acționăm drastic în următorii zece ani. Acest lucru a ridicat câteva îndoieli și presupuneri despre care consider că merită să scriu.

Unul dintre argumentele pe care le aud adesea este că noi, ca indivizi, nu putem avea un impact și că schimbările climatice sunt „vina marilor companii”. Cu toate acestea, noi, ca consumatori, suntem cei care luăm deciziile ce cumpărăm și de la cine, ale căror produse le folosim și pe care le evităm. Și alegând cu înțelepciune, putem face o schimbare . Vorbind cu alte persoane din jurul tău, convingându-ți proprietarul companiei să treacă la energie regenerabilă, de exemplu, ne putem transforma societatea și economia într-una mai durabilă, care să nu dăuneze atât de mult planeta. Va fi o sarcină grea, desigur, dar nu ne putem nega responsabilitatea individuală.

Poate că ar trebui să luăm asta ca pe o ocazie de a ne regândi cât de mult avem nevoie cu adevărat. Poate că ieșirea în natură ne ajută să ne reconectam cu mediul nostru. Poate că construirea ceva din mână și cu metode lente, încercarea de a înțelege materialele și proprietățile lor, ne ajută să înțelegem cât de valoroase sunt resursele pe care le avem în prezent – ​​și ce am pierde dacă nu ne pasă de planeta noastră acum.

Știri

  • Chrome 70 este aici cu aplicații web progresive pentru desktop pe Windows și Linux, acreditări cu cheie publică în API-ul de gestionare a acreditărilor și lucrători numiti.
  • Postgres 11 este lansat și aduce mai multă robustețe și performanță pentru partiționare, capabilități îmbunătățite pentru paralelismul interogărilor, compilare Just-in-Time (JIT) pentru expresii și alte câteva modificări utile și convenabile.
  • Deoarece noile macOS Mojave și iOS 12 sunt disponibile acum, Safari 12 este la fel. Ce este nou în această versiune? Un generator de parole încorporat, un vizualizator de modele 3D și AR, pictograme în file, pagini web pe cel mai recent sistem de operare pentru ceas, noi valori ale atributelor câmpului de formular, API-ul Fullscreen pentru iOS pe iPad, suport pentru colecția de fonturi în WOFF2, font-display încărcarea proprietății CSS, Intelligent Tracking Prevention 2.0 și câteva îmbunătățiri de securitate.
  • Decizia Google de a forța utilizatorii să se conecteze la contul Google în browser pentru a putea accesa servicii precum Gmail a stârnit multe discuții. Datorită feedback-ului negativ, Google a anunțat imediat modificări pentru v70. Cu toate acestea, acest lucru arată clar interesele companiei și în ce direcție împinge aplicația. Acest lucru este regretabil, deoarece Chrome și oamenii care lucrează la acel proiect au modelat foarte mult web-ul în ultimii ani și au adus ecosistemul „web” la un nivel cu totul nou.
  • Microsoft Edge 18 este lansat și aduce API-ul de autentificare web, noi politici de redare automată, actualizări pentru Service Worker, precum și mascarea CSS, amestecarea fundalului și suprascroll.
Mai multe după săritură! Continuați să citiți mai jos ↓

General

  • Max Bock a scris despre Hurricane Web și despre ce putem face pentru a menține utilizatorii la curent chiar și atunci când lățimea de bandă și bateria sunt limitate. În mod interesant, CNN și NPR au furnizat pagini doar text în timpul uraganului Florence pentru a servi traficul redus, care nu consumă bateriile. Ar fi uimitor dacă am putea muta site-urile web implicite către aceste obiective - economisirea energiei și a lățimii de bandă - pentru a îmbunătăți nu numai performanța și timpii de încărcare, ci și pentru a ajuta mediul și a face utilizatorii mai fericiți.

UI/UX

  • În episodul 42 al podcastului lor, echipa Nori elaborează ce pot face designerii pentru a ajuta la inversarea schimbărilor climatice. Conținutul discutat poate fi transferat și către dezvoltatori, așa că nu vă fie teamă să vă acordați în ciuda titlului.
  • Denislav Jeliazkov explică importanța micro-interacțiunilor și modul în care acestea pot fi bine concepute pentru a face diferența între aplicația dvs. și cea a concurenței dvs.
  • Jeremy Cherry despre de ce ar trebui să creăm utilizatori și nu dependenți pentru produsele noastre și despre cum UX poate afecta cu ușurință sănătatea oamenilor.
  • Shawn Park împărtășește ceea ce a învățat din reproiectarea site-ului său în fiecare an timp de șase ani la rând și de ce consideră că acesta este un pas important pentru a vă îmbunătăți abilitățile.
  • Jonas Downey a scris despre modul în care suntem manipulați în mod constant de designul „Experiența utilizatorului” al software-ului și de ce singura opțiune pe care o avem este să votăm împotriva acestor modele cu portofelul nostru și să plătim pentru software care nu încearcă să ne manipuleze într-un mod care să ne afecteze. confidențialitatea, securitatea sau mentalitatea noastră.
  • Cele mai bune fonturi gratuite contemporane este o colecție grozavă de fonturi disponibile gratuit pe Behance.
Reproiectează site-ul portofoliu
Shawn Parks împărtășește lecțiile pe care le-a învățat din reproiectarea portofoliului său în fiecare an. (Credit imagine)

Accesibilitate

  • Accesibilitatea înseamnă mai mult decât să vă faceți site-ul accesibil pentru persoanele cu deficiențe fizice. Nu ar trebui să uităm că proiectarea pentru diferențele cognitive este, de asemenea, esențială, dacă vrem să deservim site-urile noastre cât mai multor oameni.
  • Amy Leak arată câteva exemple grozave despre cum să scrieți alternative bune de text.

Scule

  • Trix este un editor de text open-source bogat de la Basecamp. Dacă utilizați deja Ruby, aceasta ar putea fi o alegere excelentă pentru orice câmp de editare de conținut din aplicația dvs.

Confidențialitate

  • Ghici ce? Instrumentele noastre simple de îmbunătățire a confidențialității care șterg cookie-urile sunt inutile, așa cum arată acest articol. Există modalități mai inteligente de a urmări un utilizator prin urmărirea sesiunii TLS și nu avem prea multă putere să facem nimic împotriva lui. Prin urmare, fiți conștienți de faptul că cineva ar putea să vă urmărească, indiferent de câte contramăsuri ați activat în browser.
  • Comentariul lui Josh Clark despre cercetarea universitară despre colectarea de date de la Google evidențiază cele mai importante părți despre cât de importante sunt datele telefonului Android pentru modelul de afaceri al Google și ce tip de informații colectează chiar și atunci când smartphone-ul tău este inactiv și nu se mișcă locația.

Securitate

  • Brendan McMillion de la Cloudflare împărtășește modul în care asigură integritatea end-to-end pentru gateway-ul lor IPFS (un protocol web distribuit și descentralizat). O perspectivă foarte interesantă asupra viitorului web-ului.
Integritate de la capăt la capăt cu IPFS ilustrat cu pisici și câini
Gateway-ul IPFS de la Cloudflare permite unui site web să fie securizat de la capăt la capăt, menținând în același timp beneficiile de performanță și fiabilitate de a fi servit de la rețeaua lor edge. (Credit imagine)

Performanța web

  • Shubham Kanodia explică modul în care putem furniza coduri vechi doar browserelor vechi, utilizând tehnici inteligente de grupare.
  • În ghidul său detaliat pentru problemele de performanță de depanare, Nolan Lawson împărtășește cum putem măsura cu exactitate performanța aspectului pe web și cum funcționează canalul de randare a browserelor moderne.
  • Philip Walton explică principiul lui Idle până la urgent pentru optimizarea performanței de încărcare și vopsire a site-urilor web.
  • Cum putem construi un site web care funcționează bine și care este rapid pe dispozitive low-tech, utilizând cât mai puține resurse? Revista Low-Tech a vrut să afle și să-și construiască site-ul web urmând o abordare nebună de a economisi resurse. Fapt distractiv suplimentar: site-ul este offline atunci când nu există suficient soare pentru a alimenta panoul solar de 2,5 wați care alimentează serverul.
  • Noul ghid Google Web Fundamentals pentru măsurarea performanței cu modelul RAIL a apărut. Foarte util atunci când doriți să analizați sau să depanați performanța.
Ilustrație a modelului RAIL
Cele patru părți ale modelului de performanță RAIL: Răspuns, Animație, Idle, Încărcare. (Credit imagine)

HTML și SVG

  • Pe măsură ce oamenii pot naviga acum pe web pe Apple Watch, Marcus Herrmann împărtășește informații despre modul în care ne putem optimiza site-urile pentru dispozitiv.
  • Ferestrele modale includ de obicei o mulțime de coduri JavaScript, CSS și HTML personalizate. Acum avem elementul <dialog> care ne aduce cele mai multe funcționalități din cutie, inclusiv accesibilitatea. Chris Manning a scris o introducere în elementul de dialog și cum îl putem folosi și completa.

JavaScript

  • Willian Martins împărtășește secretele funcției bind() din JavaScript, un operator larg necunoscut care este atât de puternic și ne permite să invocăm this din altă parte în funcții cu nume, non-anonim. O modalitate diferită de a scrie JavaScript.
  • Toată lumea știe ce înseamnă „ora de vârf”. Paul Lewis folosește termenul pentru a regândi modul în care construim pentru web și de ce ar trebui să încercăm să evităm blocajele pe firul principal al browserului și să externalizăm tot ceea ce nu aparține interfeței de utilizare pe benzi de trafic separate.

CSS

  • Michelle Barker explică de ce liniile negative ale grilei pot fi foarte utile.
  • Cunoașteți diferențele dintre grid-template al CSS Grid și grid-auto ? Ire Aderinokun le explică.
  • Rachel Andrew a scris despre cazurile de utilizare pentru Flexbox acum că avem CSS Grid Layout și împărtășește sfaturi despre când să folosim care.
Un articol plasat în interiorul unei grile folosind linii de grilă negative
Știați că puteți utiliza numerele de linii negative ale grilei pentru a poziționa elementele Grid cu CSS? (Credit imagine)

Muncă și viață

  • Ai un hobby? Ei bine, când a fost ultima oară când ți-a plăcut și ai avut suficient timp pentru asta? Tim Wu reflectă asupra modului în care căutarea excelenței s-a infiltrat și a corupt lumea timpului liber.
  • Iată o instrucțiune pentru angajați despre cum să vă faceți compania de tehnologie să adopte practici și poziții mai puternice de sustenabilitate.
  • Cu toții am auzit multe despre modul în care David Heinemeier Hansson de la Basecamp gândește diferit despre muncă, angajare și succes. Acest interviu rezumă „modul Basecamp” și provocările care sunt legate de acesta.
  • Seth Godin se gândește la „valoarea” netă a Apple și Amazon de un trilion de dolari și de ce nu contează profitul unei companii, ci importanța muncii sale.
  • „Industria tehnologică crește într-un ritm exponențial, influențând societatea până la punctul în care asistăm la cea mai mare schimbare, poate vreodată, în natura umană. Unele servicii tehnologice au de fapt miliarde de utilizatori. Ai citit bine, nu mii, nu milioane, ci MILIARDE de ființe umane care le folosesc în mod regulat. Ar fi arogant să nu spunem că aceste servicii ne formează societatea și ne modelează normele, în timp ce singurul lor obiectiv era să mențină curba de creștere… în creștere.” — Anton Sten în „Dar responsabilitățile mele ?”
  • Lucrezi din greu pentru a finaliza acel proiect cu așteptarea că se va simți atât de bine și relaxant atunci când va fi live. Itamar Turner-Trauring împărtășește de ce acest mod de a gândi este greșit și cum putem evita epuizarea.
  • Leo Babauta despre motivul pentru care simtim ca suntem mereu in urma la munca si cateva strategii pentru a evita aceste sentimente si in schimb sa muncim fericit.
  • Majoritatea companiilor (și dezvoltatorii de asemenea) laudă doar aspectele pozitive ale lucrului de la distanță, doar câteva vorbesc despre provocările și consecințele negative, cum ar fi un risc mai mare de a te simți izolat, de a te confrunta cu anxietate sau chiar depresie.

A merge dincolo de…

  • În Țările de Jos, există acum o bază legală care prescrie reducerea emisiilor de CO2 cu 25% până în 2020 (asta este doar puțin mai mult de un an peste un an). Îmi place ideea și sper că alte țări vor fi inspirate de ea - Germania, de exemplu, care în prezent își mută obiectivele de reducere a emisiilor din ce în ce mai departe în viitor.
  • David Wolpert explică de ce computerele folosesc atât de multă energie și cum le-am putea face mult mai eficiente. Dar pentru ca asta să se întâmple, trebuie să înțelegem mai bine termodinamica calculului.
  • Să refuzi douăzeci de miliarde de dolari este grozav. Desigur ca este. Dar punctul interesant din acest articol despre fondatorul Whatsapp care tocmai a spus lumii cât de nemulțumit este că și-a vândut serviciul către Facebook este că se pare că a crezut că poate păstra controlul asupra produsului său.

Încă un lucru: sunt foarte recunoscător pentru toți cei care mi-ați ajutat să ridic nivelul de finanțare pentru Lista de lectură pentru dezvoltarea web la 100% luna aceasta. Nu am primit niciodată atât de mult feedback de la tine și atât de mult sprijin. Mulțumesc! Să aveți o lună grozavă!

— Anselm