Lista de citire pentru dezvoltare web nr. 141: jQuery 3, Chillout.js și cum tehnologia modelează societatea

Publicat: 2022-03-10

Rezumat rapid ↬ Sunt săptămâni în care nu găsesc deloc articole pentru secțiunea „Dincolo” din Lista de citire pentru dezvoltare web. Și apoi sunt săptămâni ca aceasta, în care apar două piese geniale care dezvăluie atât de multe despre cum trăim împreună cu noua tehnologie și despre modul în care aceasta ne modelează societatea. Împreună cu o grămadă de articole tehnice bune, o modalitate excelentă de a te părăsi pentru următoarele două săptămâni. Vă rugăm să rețineți că voi pleca în vacanță săptămâna viitoare, așa că nu va fi un rezumat vinerea viitoare.

Sunt săptămâni în care nu găsesc deloc articole pentru secțiunea „Dincolo” din Lista de lectură pentru dezvoltare web. Și apoi sunt săptămâni ca aceasta, în care apar două piese geniale care dezvăluie atât de multe despre cum trăim împreună cu noua tehnologie și despre modul în care aceasta ne modelează societatea.

Împreună cu o grămadă de articole tehnice bune, o modalitate excelentă de a te părăsi pentru următoarele două săptămâni. Vă rugăm să rețineți că voi pleca în vacanță săptămâna viitoare, așa că nu va fi un rezumat vinerea viitoare.

Citiți suplimentare despre SmashingMag:

Cum să utilizați pictogramele pentru a sprijini conținutul în design web
Pictograme ca parte a unei experiențe excelente de utilizator
6 pași simpli pentru un design mai bun al pictogramelor
Pași simpli pentru un design mai bun al pictogramelor

Știri

Opera 38 (și Chromium 51) aduce o mulțime de noi funcții ES6: interfețe DOM asemănătoare matricei iterabile, ascultători pasivi de evenimente și API-ul Intersection Observer pentru a urmări când un anumit element din DOM intră sau iese din fereastra vizibilă.
Firefox 47 este disponibil. De asemenea, au fost adăugate depanarea Service Worker, suport pentru pseudo-elemente ::backdrop , Widevine Content Decryption prin EME pentru mp4 și modificatorul i (ca în [foo=bar i] ) pentru selectoarele de atribute CSS.
În cele din urmă, după luni de așteptare, GitHub a anunțat suport oficial și complet HTTPS pentru paginile lor de utilizator github.io. În timp ce HTTPS în sine a funcționat deja de ceva timp, traficul de la CDN la serverele de origine nu a fost criptat până acum. Odată cu actualizarea, vă puteți bucura acum de un site complet criptat. Aveți grijă totuși de conținutul mixt pentru a nu rupe paginile în browserele moderne.
WebKit include acum depanarea memoriei în inspectorul său web. Postarea de anunț vă arată cum o puteți utiliza în aplicațiile dvs.

Mai multe după săritură! Continuați să citiți mai jos ↓

Criptare GitHub — GitHub acceptă acum oficial HTTPS pentru toate site-urile utilizatorilor github.io. (Credit imagine: GitHub)

General

Maximiliano Firtman scrie cum utilizarea iresponsabilă a meta-etichetelor specifice iOS vă poate distruge site-ul pentru mulți utilizatori.

Instrumente și fluxuri de lucru

Firebug. Instrumentul care a fost înlocuit de instrumentele native pentru dezvoltatori Firefox, dar care, totuși, are o acceptare larg răspândită în rândul dezvoltatorilor. Cu toate acestea, odată cu trecerea Firefox la e10s (Firefox multi-proces), extensia nu va mai funcționa, iar autorii ei au anunțat acum că nu o vor porta nici ca extensie nouă. În schimb, se vor concentra pe furnizarea unei teme Firebug pentru instrumentele de dezvoltare native și se vor îmbunătăți pe acestea.
Andrey Okonetchnikov și-a anunțat noul instrument lint-staged care vă permite să linteți toate fișierele aflate în mod curent în git.
Cloud Four a anunțat ieri Drizzle, un instrument pentru generarea de biblioteci de modele și ghiduri de stil.

Securitate

Odată cu scurgerile recente de parole la LinkedIn, MySpace, Tumblr și Twitter, a devenit din nou clar că avem tendința de a uita de parolele vechi. Și asta pentru că parolele nu sunt foarte utile pentru autentificare, mai ales că sunt două părți implicate care ar putea face ceva greșit (furnizorul de servicii care stochează parola și utilizatorul o alege). Drew Thomas explică modul în care putem îmbunătăți autentificarea. Un articol util cu o conversație grozavă în secțiunea de comentarii.

JavaScript

Chillout.js reduce utilizarea CPU în JavaScript prin furnizarea de funcții de iterație asincrone care au o interfață bazată pe Promise. Nu mai există alerte „Avertisment: Script care nu răspunde” în browser.
Consola Firefox încearcă să fie mai utilă cu erorile JavaScript. Dacă este determinabil, consola va adăuga acum un link către MDN (Mozilla Developer Network) pentru a obține mai multe informații despre eroare.
jQuery 3.0 a ieșit în sfârșit. În lucru încă din 2014, acesta este un pas uriaș, deoarece oferă o abordare mai subțire, mai rapidă și mai modernă decât v1 și v2. Există un ghid extins de actualizare disponibil, precum și o nouă versiune a pluginului de migrare jQuery.
Jack Franklin împărtășește de ce este important să faceți JavaScript „pur”. Deși folosim adesea cel mai simplu mod de a construi o funcție, aceste abordări deseori eșuează în scenariile de testare. Dar ele sunt evitabile prin simple adăugiri.
„Promises: All The Wrong Ways” de la Getify arată abordări comune cu Promises și clarifică cum să faci mai bine. Merită citit pentru toți cei care au de-a face cu Promise.

CSS/Sass

Shaun Bent a scris despre modul în care BBC Sport își servește CSS-ul de bază cu dimensiunea fișierului mai mică de 9KB. O poveste grozavă în profunzime care împărtășește principiile dezvoltării lor și strategia de produs din care putem învăța multe.

A merge dincolo de…

Există dovezi că noi tipuri de consum media ne modelează societatea, dar nu vedem cum se întâmplă, pentru că avem tendința de a uita să ne gândim la asta. În prezent, dacă în orice moment realitatea devine plictisitoare sau plictisitoare, telefoanele noastre oferă ceva mai plăcut, mai productiv și chiar mai educațional decât orice ne oferă realitatea. Dar ne schimbă și pe dinăuntru. Avem din ce în ce mai puțin răbdare cu realitatea așa cum este ea, mai ales când este plictisitoare sau incomodă. „Ceea ce este în joc este agenția noastră. Capacitatea noastră de a trăi viețile pe care vrem să le trăim, de a alege felul în care vrem să alegem și de a relaționa cu ceilalți așa cum vrem să ne raportăm cu ei - prin tehnologie. Aceasta este o problemă de design, nu doar o problemă de responsabilitate personală.”
„Există multe motive pentru care ne dăm identitățile atât de ușor. În ceea ce privește căutarea, nu suntem obișnuiți să ne vedem ca grupuri de informații lipsă. Și așa ne luptăm să realizăm că putem fi ușor definiți negativ, de toate dorințele noastre. […] Tehnologiile noastre digitale sunt concepute pentru a ne face să ne simțim relaxați în privința lipsei noastre de confidențialitate.” — Luciano Floridi în eseul său „The Self-Fulfilling Prophesy”.

Profeția care se împlinește pe sine — „Algoritmii au analizat identitatea umană din motive economice. Rezultatul este îndepărtat periculos din realitatea noastră.” O lectură încurajatoare a lui Luciano Floridi, profesor de Filosofie și Etica Informației la Universitatea din Oxford.

Și cu asta, voi închide săptămâna asta. Dacă vă place ceea ce scriu în fiecare săptămână, vă rugăm să mă susțineți cu o donație sau să împărtășiți această resursă cu alte persoane. Puteți afla mai multe despre costurile proiectului aici. Este disponibil prin e-mail, RSS și online.