Web

Cum să construiți un joc cu mai mulți utilizatori în timp real de la zero

Acest articol evidențiază procesul, deciziile tehnice și lecțiile învățate din spatele construirii jocului în timp real Autowuzzler. Aflați cum să partajați starea jocului între mai mulți clienți în timp real cu Colyseus, să faceți calcule fizice cu Matter.js, să stocați date în Supabase.io și să construiți front-end-ul cu SvelteKit.

Citeste mai mult

Respectarea preferințelor de mișcare ale utilizatorilor

Interogarea media „preferă mișcare redusă” are un suport excelent în toate browserele moderne, cu câțiva ani în urmă. În acest articol, Michelle Barker explică de ce nu există niciun motiv să nu îl folosiți astăzi pentru a vă face site-urile mai accesibile.

Citeste mai mult

Construirea SSG pe care mi l-am dorit întotdeauna: un sandwich de 11 ani, Vite și JAM

În ianuarie 2020, Ben Holmes și-a propus să facă ceea ce aproape fiecare dezvoltator web face în fiecare an: să-și reconstruiască site-ul personal. În acest articol, el împărtășește povestea sa despre cum și-a propus să-și construiască propria conductă de construcție de la punctul zero absolut și a creat „Slinkity”.

Citeste mai mult

Construirea unui API cu funcții Gatsby

În acest tutorial, Paul Scanlon explică cum să construiți un API utilizând funcțiile Gatsby și ce trebuie să aveți în vedere atunci când îl implementați în Gatsby Cloud.

Citeste mai mult

Smashing Podcast Episodul 42 cu Jeff Smith: Ce este DevOps?

În acest episod, vorbim despre DevOps. Ce este și este un șir de adăugat la arcul tău de dezvoltare web? Drew McLellan vorbește cu expertul Jeff Smith pentru a afla.

Citeste mai mult

Rezolvarea problemelor CLS într-un site web de comerț electronic alimentat de Next.js (studiu de caz)

Cumulative Layout Shift este unul dintre cele mai dificile nuclee web vitale pentru depanare. În acest articol, parcurgem diferite instrumente pentru a investiga CLS, când să le folosim (și când nu) și soluții la unele dintre problemele CLS cu care ne-am confruntat pe site-ul nostru de comerț electronic bazat pe Next.js.

Citeste mai mult

O rutină de sănătate mintală simplă, dar eficientă pentru programatori

În acest articol, vom analiza de ce este important să avem grijă de echilibrul dintre viața profesională și viața privată, cum să dezvoltăm o rutină de sănătate mintală simplă și eficientă și cele mai comune și eficiente tehnici pe care le puteți folosi pentru a vă crea rutina personalizată.

Citeste mai mult

Sfaturi și trucuri pentru evaluarea designerilor UX/UI

Clienții pot începe să folosească aplicația dvs. deoarece oferiți un produs unic, dar experiența utilizatorului este ceea ce îi face să rămână. Pentru asta, ai nevoie de designeri UX excelenți și de cunoștințele necesare pentru a-i identifica atunci când angajezi.

Citeste mai mult

Soluții CSS inteligente pentru provocări comune ale UI

Scrierea CSS nu a fost, probabil, niciodată mai distractiv și interesant decât este astăzi. În această postare, vom arunca o privire asupra problemelor comune și cazurilor de utilizare cu care trebuie să ne confruntăm cu toții în munca noastră și cum să le rezolvăm cu CSS modern. Dacă sunteți interesat, am abordat recent și [instrumentele de audit CSS](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [generatorii CSS](https:// www.smashingmagazine.com/2021/03/css-generators/), [boilerplates front-end](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) și [ Extensii de cod VS](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) – s-ar putea să le găsiți și ele utile.

Citeste mai mult

API-uri React utile pentru construirea de componente flexibile cu TypeScript

React with JSX este un instrument fantastic pentru realizarea de componente ușor de utilizat. Componentele Typescript fac ca dezvoltatorii să vă integreze componentele în aplicațiile lor și să vă exploreze API-urile într-o plăcere absolută. Aflați despre trei API-uri React mai puțin cunoscute care vă pot duce componentele la următorul nivel și vă pot ajuta să construiți componente React și mai bune în acest articol.

Citeste mai mult