Web
Am contribuit la un editor cu sursă deschisă, la fel și tu
În urmă cu câteva luni, [postarea despre completarea automată în formulare] a lui Jason Grigsby (https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) a făcut o rundă. Mi-a plăcut ideea de a le permite utilizatorilor să completeze detaliile cardului de credit făcând o fotografie a cardului lor. Ceea ce nu mi-a plăcut a fost să învăț [toate valorile posibile pentru completarea automată pe de rost](https://html.spec.whatwg.org/multipage/forms.html#autofill). Devin leneș la bătrânețe. În ultimul timp, am fost răsfățat să folosesc un editor care face autocompletare inteligentă pentru mine, lucru pe care în trecut îl ofereau doar IDE-urile complexe masive. Deschizând editorul ales, am creat un element `input` și am adăugat un atribut `autocomplete`, doar pentru a constata că completarea codului mi-a oferit starea `on` sau `off`. Dezamăgitor.
Citeste mai multEticheta Photoshop pentru design web receptiv
Au trecut aproape cinci ani de când s-a lansat [Photoshop Etiquette](https://photoshopetiquette.com/), ceea ce o face oficial o relicvă pe web. Se pot întâmpla multe pe web în câțiva ani, iar ultimii cinci au ilustrat acest lucru mai bine decât majoritatea.
Citeste mai multCum să rulați o critică de design UI
Critica este ușoară. Se pare că toată lumea are o opinie, dar, așa cum subliniază autorul Harlan Ellison, „Nu aveți dreptul la opinia dumneavoastră. Aveți dreptul la opinia dumneavoastră informată”. Pentru a deveni informat, totuși, necesită explorare. Criticile de design sunt o parte importantă a oricărei explorări de produs. O critică a designului – în care creatorul discută și explică creația cu restul echipei și/sau cu clientul – nu este despre a-l împinge pe designer sau să-l împingă să justifice fiecare decizie pe care a luat-o. Asta e doar critică. **O critică bună a designului este menită să exploreze designul**, să găsească unde funcționează și unde ar putea fi îmbunătățit. Dacă sunt făcute bine, criticile de design permit tuturor celor din echipă să se simtă ca și cum ar fi fost auziți și permit clienților să ofere feedback valoros.
Citeste mai multUn ghid pentru începători pentru aplicații web progresive
PWA profită de cele mai noi tehnologii pentru a combina cele mai bune aplicații web și mobile. Acest articol analizează progresele recente ale browserului și oportunitățile pe care noi, ca dezvoltatori, avem de a construi o nouă generație de aplicații web.
Citeste mai multExperimentați elementele esențiale ale designului: microinteracțiuni animate în aplicațiile mobile
Dariel Fitzkee, celebrul magician, a spus odată: „Magia este atât în detalii, cât și în performanță”. Designul de interacțiune este exact așa. Designerilor le place să facă imaginea de ansamblu corectă, dar dacă detaliile nu sunt tratate corect, soluția va eșua. **Magia este totul în detalii**. De aceea, microinteracțiunile bine concepute fac ca experiențele să se simtă create. Pentru a înțelege mai bine modul în care designul dvs. beneficiază de microinteracțiuni, vă va ajuta să schițați ideile de aplicație. Adobe a introdus o nouă aplicație de design și wireframing numită Experience Design (sau Adobe XD), care vă permite să proiectați wireframes și să le faceți interactive. Puteți descărca și testa Adobe XD gratuit.
Citeste mai multDezvoltatorii „dețin” codul, deci designerii nu ar trebui să „dețină” experiența?
Cu toții am fost acolo. Ați petrecut luni de zile culegând cerințele de afaceri, pregătind călătorii complexe ale utilizatorilor, creând elemente de interfață de precizie și testându-le pe un eșantion reprezentativ de utilizatori, doar pentru a vedea un produs final care seamănă puțin cu experiența dorită.
Citeste mai multDesignul memoriei utilizatorului: Cum să proiectați pentru experiențe care durează
Cele două diagrame din imaginea de mai jos au schimbat modul în care gândesc despre gândire. Reprodusă dintr-un studiu clasic de psihologie din 1996, povestea din spatele acestor diagrame este o ilustrare vie că felul în care ne simțim oamenii în momentul în care trăim lumea poate fi foarte diferit de felul în care ne simțim atunci când ne gândim la acele experiențe mai târziu.
Citeste mai multCalendare de fundal pentru desktop: august 2016
[De opt ani](https://www.smashingmagazine.com/tag/wallpapers/), provocarea noastră lunară a imaginilor de fundal pentru desktop este un favorit extraordinar care nu ar fi posibil fără eforturile neobosite ale designerilor și artiștilor talentați de pe tot globul . Într-o încercare de a satisface **tapet de fundal care sunt puțin mai distinctive decât mulțimea obișnuită**, vă provocăm pe dumneavoastră, comunitatea de design, să vă puneți în circulație sucul creator și să produceți câteva modele interesante și inspiratoare în fiecare lună din nou. Și, ei bine, nu a fost diferit de data asta.
Citeste mai multLista de lectură pentru dezvoltare web nr. 147: Ghid de securitate, componente accesibile pentru interfața de utilizare și proiectare mai întâi de conținut
Când lucrați în echipă, este important să respectați regulile. O provocare comună este să vă construiți toate proiectele cu un set de instrumente similar sau același și **orientări de codare**. Abia ieri am discutat cum am putea porta un proiect care și-a depășit baza de cod inițială de-a lungul anilor la un cod sursă proaspăt, bazat pe React.js. Decizia pentru acest lucru nu a fost ușoară, deoarece investisem deja destul de multă muncă și bani în acest proiect și trecerea la React ar necesita, de asemenea, destul de mult timp. Dar, deoarece schimbarea are sens din punct de vedere tehnic și echipa folosește deja React pentru alte trei proiecte, am ajuns la concluzia că acesta ar fi un pas bun de făcut. Acesta va permite mai multor dezvoltatori ai echipei să contribuie la proiect, să revizuiască codul și să reducă schimbarea tehnologiilor în companie. Ocazional, este timpul să-ți reevaluezi proiectele și să mergi mai departe.
Citeste mai mult