Web
Cum se implementează autentificarea în Next.js cu Auth0
Un tutorial pas cu pas despre adăugarea de autentificare și autorizare la aplicațiile dvs. Next.js, cu Auth0. Vom folosi un SDK Next.js pentru a conecta aplicația noastră la API-ul Auth0 și vom crea ruta API dinamică pentru React.
Citeste mai multModele de design frustrante: meniuri cu mouse-ul Mega-Dropdown
Tot ce trebuie să aveți în vedere atunci când proiectați și construiți un mega-menu derulant, capcanele comune, întârzierile de intrare/ieșire la hover, tehnica triunghiului traiectoriei și zonele de ieșire a căii SVG.
Citeste mai multCum să creați, să editați și să animați SVG-uri într-un singur loc cu SVGator 3.0
Astăzi, aruncăm o privire mai atentă la [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), o nouă versiune majoră a popularei aplicații SVG care vă permite să creați, editați și animați fișierele SVG și profitați la maximum de ceea ce oferă SVG - de la început până la sfârșit.
Citeste mai multSmashing Podcast Episodul 37 cu Adam Argyle: Ce este VisBug?
În acest episod, vorbim despre VisBug. Ce este și prin ce diferă de gama de opțiuni deja găsite în Chrome DevTools? Drew McLellan vorbește cu creatorul său Adam Argyle pentru a afla.
Citeste mai multCum ne-am îmbunătățit principalele elemente vitale web (studiu de caz)
„Actualizarea experienței paginilor” de la Google va începe să fie lansată în iunie. La început, site-urile care îndeplinesc pragurile Core Web Vitals vor avea un avantaj minor de clasare în căutarea mobilă pentru toate browserele. Căutarea este importantă pentru orice afacere, iar aceasta este povestea cum Beau Hartshorne și echipa sa de la Instant Domain Search și-au îmbunătățit scorurile Core Web Vitals.
Citeste mai multTree-shaking: Un ghid de referință
„Tree-shaking” este o optimizare obligatorie a performanței atunci când combinați JavaScript. În acest articol, ne aprofundăm cum funcționează exact și cum se împletesc specificațiile și practica pentru a face pachetele mai slabe și mai performante. În plus, veți primi o listă de verificare a tremurării copacilor pe care să o utilizați pentru proiectele dvs.
Citeste mai multModele de design frustrante care au nevoie de reparare: selector de aniversare
În această nouă serie de articole despre UX, aruncăm o privire mai atentă asupra unor modele de design frustrante și explorăm alternative mai bune, împreună cu o mulțime de exemple de care să ținem cont atunci când construim sau proiectăm unul. Să începem cu un selecționator infam de ziua de naștere.
Citeste mai multPovești Mici Smashing
Astăzi marchează ziua în care am trimis cea de-a 300-a ediție a Buletinului informativ Smashing. Acest articol este o mică sărbătoare în care împărtășim mici povești Smashing de la oameni care lucrează în culise.
Citeste mai multÎnțelegerea funcțiilor de simplificare pentru animații și tranziții CSS
Funcțiile de simplificare pot schimba aspectul unei animații, afectând viteza sau viteza unei animații. În acest articol, vom arunca o privire profundă în funcțiile de simplificare și vom vedea cum le putem folosi pentru a crea acele animații naturale și uimitoare.
Citeste mai multCum să coaceți straturi de testare a accesibilității în procesul dvs
Experții în accesibilitate Kate Kalcevich și Mike Gifford prezintă cititorilor „testarea de accesibilitate stratificată”, o practică de utilizare a unei varietăți de instrumente și abordări în diferite etape ale ciclului de viață al produsului digital pentru a detecta problemele de accesibilitate din timp, atunci când este mai ușor și mai ieftin să le remediați.
Citeste mai mult