Web
Sfatul lipsă de care aveam nevoie când îmi începeam cariera
Pentru a vă ajuta să evitați să faceți greșeli similare și să vă pierdeți ani valoroși din viață, Paul Boag vă împărtășește lecțiile învățate și adevărurile dure la începutul carierei sale.
Citeste mai multVă prezentăm Instrumentul de analiză a imaginilor pentru testarea vitezei site-ului
Dezvoltatorii web își petrec zilele scriind hipertext, dar, octet cu octet, cea mai mare parte a web-ului este compusă din imagini. Este greu de exagerat efectul pe care imaginile îl au asupra performanței medii a paginii web; site-urile web mai rapide au o acoperire mai largă și un impact mai mare. Primul și cel mai important lucru pe care îl puteți face pentru a **îmbunătăți performanța imaginilor site-ului dvs.** este să vă dați seama cum să le măsurați. Introduceți _Website Speed Test_, un instrument gratuit și extrem de simplu care profită de inteligența noastră de imagine (a lui Cloud) pentru a vă permite să măsurați, să diagnosticați și (esențial) să comunicați despre performanța imaginii oricărui site web. Mai bine, este construit pe deasupra și integrat în WebPagetest-ul lui Pat Meenan. Interesat? Citește mai departe!
Citeste mai multCum am creat o aplicație iOS pentru a filma un videoclip 3D (studiu de caz)
În acest articol, Evgeny Khrolenok și Igor Mikheiko își împărtășesc lecțiile învățate în timp ce dezvoltă o aplicație pentru a-i ajuta pe oameni să-și creeze propriile videoclipuri stereo 3D.
Citeste mai multConstruirea de biblioteci de modele cu Shadow DOM în Markdown
Unii oameni urăsc să scrie documente, iar alții doar urăsc scrisul. Se întâmplă să îmi place să scriu; altfel, nu ai citi asta. Ajută faptul că îmi place să scriu, deoarece, în calitate de consultant de design care oferă îndrumare profesională, scrisul este o mare parte a ceea ce fac. Dar urăsc, urăsc, urăsc procesoarele de text. Când scrieți documentație tehnică web (citiți: [biblioteci de modele](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)), procesoarele de text nu sunt doar neascultătoare, ci și inadecvate. În mod ideal, vreau un mod de scriere care să-mi permită să includ componentele pe care le documentez în linie, iar acest lucru nu este posibil decât dacă documentația în sine este făcută din HTML, CSS și JavaScript. În acest articol, voi împărtăși o metodă pentru includerea cu ușurință a demonstrațiilor de cod în Markdown, cu ajutorul codurilor scurte și a încapsulării shadow DOM.
Citeste mai multCum să folosiți întâlnirile săptămânale de design
Cum menții o echipă angajată? Cum te asiguri că echipa este la curent cu tot ce este lansat? Cât de des vorbesc membrii echipei între ei față în față? Au suficient sprijin pentru a-și termina sarcinile sau pentru a-și continua creșterea?
Citeste mai multScriere cu pensulă pentru stângaci: Cum să începeți
Literele și caligrafia devin rapid abilitățile dorite în cutia de instrumente a designerului. Designeri precum Marian Bantjes, Jessica Hische, Sean Wes și Martina Flor, ca să numim doar câțiva, au devenit nu doar o inspirație pentru noi, ceilalți, ci și un standard. Munca lor nu se bazează doar pe client; au devenit propria lor marcă oferind produse și adepților lor. Alți designeri au urmat exemplul, iar acum s-ar părea că literele și caligrafia sunt peste tot.
Citeste mai multProiectarea acordeonului perfect
Modele de design. O frază aproape mitică care inspiră adesea fie venerație, fie resentimente. În calitate de designeri, avem tendința de a ne gândi la modelele de design ca la soluții generice disponibile, care pot fi aplicate în diverse contexte aproape mecanic, adesea fără o luare în considerare. Navigare? În afara pânzei! Ofertele zilei? Carusel! Înțelegi ideea.
Citeste mai multCând mare nu este suficient de mare: proiectarea cu imagini eroice
Când utilizatorii vin pe pagina ta, vor simți un fel de reacție. Fie că este pozitivă sau negativă, acea reacție este determinată în mare parte de ceea ce văd. Deoarece **viziunea este poate cel mai puternic simț uman**, o imagine de erou este una dintre cele mai rapide modalități de a atrage atenția utilizatorului. Imaginile îndrăznețe, grafice și intenționate implică utilizatorul. Acesta atrage utilizatorul imediat și este o piesă centrală perfectă pentru o aplicație sau un site web minimalist. O imagine de erou este mai mult decât o imagine frumoasă. Este un instrument puternic de comunicare. În acest articol, vă voi oferi câteva sfaturi despre utilizarea imaginilor eroice. De asemenea, dacă doriți să începeți și să încercați să creați prototipuri și să vă configurați propriile modele un pic mai diferit, puteți descărca și testa _Adobe XD_ gratuit.
Citeste mai multContinuați să defilați! Cum să proiectați pagini lungi și lungi
Site-urile web cu defilare lungă sau [defilare infinită](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) devin din ce în ce mai frecvente în ultima vreme, și nu este o simplă tendință sau coincidență. Tehnica derulării lungi permite utilizatorilor să parcurgă bucăți de conținut fără nicio întrerupere sau interacțiune suplimentară - informațiile apar pur și simplu pe măsură ce utilizatorul derulează în jos pe pagină.
Citeste mai multTipografie receptivă la fluid cu dimensionare CSS Poly Fluid
Dispozițiile fluide au fost o parte normală a dezvoltării front-end de ani de zile. Ideea de tipografie fluidă, totuși, este relativ nouă și nu a fost încă explorată pe deplin. Până acum, ideea majorității dezvoltatorilor de tipografie fluidă folosește pur și simplu unități Viewport, poate cu unele dimensiuni minime și maxime. În acest articol, o vom duce la un alt nivel. Vom examina **cum să creăm o tipografie scalabilă, fluidă** în mai multe puncte de întrerupere și dimensiuni de font predefinite, folosind funcții bine acceptate de browser și unele algebră de bază. Cea mai bună parte este că puteți automatiza totul folosind Sass.
Citeste mai mult