Lista de citire pentru dezvoltare web nr. 142: identități contextuale, sugestii de formulare și ApplePay.js

Astăzi va fi o zi în istorie, indiferent de ce se va întâmpla în următoarele săptămâni. Majoritatea oamenilor din Marea Britanie au votat pentru părăsirea UE, iar acest lucru a arătat încă o dată că mulți oameni din societatea noastră cred că situația actuală nu mai este acceptabilă. Din păcate, credem că a da vina pe acești oameni este soluția, dar, după cum vedem, nu este. În schimb, ar trebui să ne concentrăm pe a- i învăța pe oameni despre cauzele profunde ale problemelor și ar trebui să ne abținem să postăm totul imediat.

În altă ordine de idei, m-am întors din vacanță să vă aduc articole noi de citit. Și mi-am dat seama de un lucru: în timp ce alpinismul prezintă riscuri și pericole reale, lucrul pe site-uri web de cele mai multe ori nu. Desigur, securitatea site-urilor noastre web ar trebui să fie o prioritate de top, dar chiar dacă eșuăm, dacă un site web este oprit pentru câteva minute, dacă am stricat aspectul pe unele dispozitive, nu vei fi mort. Avem ocazia să ne îmbunătățim munca făcând greșeli și reparându-le.

Citiți suplimentare despre SmashingMag:

• Performanța site-ului web: ce trebuie să știți și ce puteți face
• Design bazat pe date în lumea reală
• O foaie de parcurs pentru a deveni un expert în testare A/B
• Testarea multivariată 101: O metodă științifică de optimizare a proiectării

Știri

• Safari 10 a fost anunțat la WWDC și are câteva funcții noi grozave: suport IndexedDB, CSP 2.0 , Shadow DOM 1, suport complet ES6/ES2015, suport API de internaționalizare ES, redare video inline și automată pe iOS, Picture in Picture pe OS Suport X și WOFF2, precum și suport pentru încărcarea fonturilor (yay!). În CSS avem acum object-position obiectului pentru proprietatea object-fit deja disponibilă și tăierea folosind căi SVG. Nu în ultimul rând, de acum înainte, chiar dacă user-scalable=no este setat ca regulă pentru vizualizare, utilizatorii vor putea să ciupească și să mărească.

Concept & Design

• Mozilla a introdus o nouă modalitate de a diferenția între contextele de viață în browser. Acum puteți deschide o filă „de lucru” sau „bancare”, fiecare creată în propriul context, astfel încât să vă puteți conecta la diferite conturi Twitter într-o singură fereastră de browser, de exemplu. Acesta este un concept interesant, mai ales că fluxul de lucru este deja destul de bine gândit, ceea ce face experiența browserului mult mai bună.
  

Instrumente și fluxuri de lucru

• În această săptămână, Adobe a prezentat o nouă versiune beta a editorului lor de cod Dreamweaver. L-am aruncat o privire și sunt destul de impresionat că au reușit să schimbe curentul și să facă din nou un editor atrăgător și modern pentru programatori profesioniști. Sunt curios ce va aduce feedback-ul deschis asupra produsului final în viitor.
  

Securitate

• Directorul CIA, John Brennan, este un om destul de încrezător. El le-a spus recent senatorilor americani să nu-și facă griji cu privire la ușile din spate de criptare obligatorii care dăunează afacerilor americane, pur și simplu pentru că nu există produse din afara SUA care să aibă succes. Din păcate, are dreptate. Nu există o mulțime de produse care să nu aibă sediul în SUA și asta este tot ceea ce își dorește CIA, deoarece este suficient să atingeți majoritatea traficului care vine de la Facebook, Google, Microsoft, Apple și Yahoo.

Confidențialitate

• „Începând cu iOS 10, Apple folosește tehnologia de confidențialitate diferențială pentru a ajuta la descoperirea tiparelor de utilizare a unui număr mare de utilizatori, fără a compromite confidențialitatea individuală.” Matthew Green comentează această nouă tehnologie și încearcă să afle avantajele, dezavantajele și implicațiile acesteia.
• Facebook vrea să demonstreze că reclamele sale duc la achiziții reale. De aceea, agenții de publicitate Facebook își pot adăuga acum locațiile fizice ale magazinelor, iar Facebook va urmări utilizatorii după locațiile telefonului lor și va raporta dacă au vizitat magazinul. Desigur, Facebook nu este prima companie care face asta: oamenii Google sunt mândri că au făcut același lucru deja de ceva timp. Mă bucur că nu mai am aplicații ale acestor mărci pe telefon.
• Archive.org — proiectul care ne salvează istoricul online în fiecare zi. Un proiect pe care îl iubim cu toții deoarece poate recupera site-uri care nici măcar nu mai există, nu? Ei bine, se pare că nu toată lumea este mulțumită de asta, iar Brewster Kahle explică problemele cu care se confruntă: în timp ce încearcă să protejeze confidențialitatea utilizatorilor lor, ei se confruntă cu atacuri masive DDoS și sunt blocați de diverse țări restrictive. Acum împărtășesc de ce rutarea DNS-ului prin Cloudflare nu este o opțiune și de ce se bazează pe donațiile noastre pentru a derula proiectul.

HTML și SVG

• După Safari care a introdus funcția deja în iOS 8, acum veți putea adăuga autocomplete="new-password" pentru a indica viitoarele versiuni Chrome cu privire la generarea unei parole. Este posibil să adăugați și alte indicii — current-password sau numele de username , de exemplu.
• În ciuda faptului că este un atribut simplu și vechi, puteți găsi o mulțime de site-uri web care o fac greșit: HTML's lang . Uneori nu este declarat deloc, iar uneori valoarea sa este "en" deși conținutul nu este în engleză. Aflați cum să utilizați corect atributul lang și unde îl puteți aplica.

Accesibilitate

• Rob Dodson explică de ce ar trebui să construim primitive de accesibilitate mai bune, de exemplu modal și dezactivarea tabindex.
• Google a lansat un curs gratuit de accesibilitate web despre udacity.

JavaScript

• AOS este o bibliotecă de animație pe defilare bazată pe CSS, care oferă utilizatorului control deplin asupra stilului.
• Acum puteți începe să implementați Apple Pay pe site-ul dvs. utilizând cadrul JavaScript ApplePay al companiei. Este interesant că Google și Apple lucrează foarte mult pentru a-și introduce sistemele de plată direct în browser. Din păcate, dar și obișnuit pentru Apple, aceștia nu urmează un standard web precum API-ul de plată web, ci oferă doar propriul ecosistem.

CSS/Sass

• În demonstrația sa CodePen, Jonathan Neal împărtășește cum să faci o subliniere decorativă a textului cu umbră de casetă care se împletește între descendenții de text și păstrează culoarea textului.
• Validarea formularului la nivelul clientului este dificilă, știm cu toții asta. Dar datorită API-ului intern de validare a browserelor, putem afișa mesaje foarte inteligente care spun utilizatorului ce a mers prost. Acest articol arată cum să faceți acest lucru în mod eficient și oferă chiar și un boilerplate.
• Adesea, nu folosim întregul potențial al CSS pentru validarea formularelor UX. Chris Coyier împărtășește niște trucuri CSS pentru a face bine.

A merge dincolo de…

• Nu este surprinzător că companiile de date mari precum Google nu sunt oponenți ai CETA sau TPP/TTIP. Ceea ce este mai surprinzător este că Google adoptă acum o poziție fermă în ceea ce privește sprijinirea TPP. Cu o logică năucitoare, ei argumentează de ce ar fi un pas înainte pentru internet: „Dar restricțiile de pe internet – cum ar fi cenzura, blocarea site-urilor și stocarea locală forțată a datelor – amenință arhitectura deschisă a internetului”. Niciuna dintre aceste probleme nu ar dispărea cu TPP, cu excepția stocării locale (care este o caracteristică pe care UE a aplicat-o în cele din urmă anul trecut în lupta sa de a proteja confidențialitatea utilizatorilor). În schimb, TPP impune protecția drepturilor de autor, nu poate face nimic pentru a împiedica partenerii care nu sunt parteneri TPP să blocheze părți ale internetului și, de fapt, dăunează mult confidențialității existente, legilor existente și instanțelor țărilor, deoarece oferă companiilor posibilitatea de a aduce chestiuni către curțile arbitrale — un fapt care ajută companiile corupte și capitaliste să câștige mai multă putere, în timp ce cetățenii normali sunt dezavantajați. Puteți vedea cât de multă influență au deja companiile private asupra politicienilor în excelentul serial Netflix „House of Cards”.
• Am conectat deja la posterele NASA „Mars Explorers Wanted” recent, dar acum au adăugat altele noi pe care să le descărcați. Încă exemple foarte frumoase despre cum să proiectați postere frumoase și unice.

Ș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.