Web
Cum să remediați problemele de schimbare cumulativă a aspectului (CLS).
Inițiativa Google Core Web Vitals a luat cu asalt lumea SEO și Web Performance și multe site-uri sunt ocupate să-și optimizeze experiența în pagină pentru a maximiza factorul de clasare. Valoarea Cumulative Layout Shift cauzează probleme multor site-uri, așa că haideți să aruncăm o privire asupra modalităților de a rezolva orice problemă pentru acea valoare.
Citeste mai multÎmbunătățirea performanței unui magazin online (studiu de caz)
Obținerea unui scor de performanță bun de la Google este greu pentru orice site web, dar a face acest lucru pentru un magazin online este și mai greu. Am obținut scoruri verzi – chiar și câteva pentru mobil. Iată cum am făcut-o.
Citeste mai multAdăugarea unui sistem de comentarii la un editor WYSIWYG
În acest articol, vom reutiliza editorul WYSIWYG de bază construit în primul articol pentru a construi un sistem de comentarii pentru un editor WYSIWYG care le permite utilizatorilor să selecteze textul dintr-un document și să-și partajeze comentariile despre acesta. Să pătrundem!
Citeste mai multExtensii VS Code utile pentru dezvoltatorii front-end
Faceți cunoștință cu extensii utile Visual Studio Code pentru dezvoltatorii web: mici ajutoare pentru a minimiza încetinirile și frustrările și pentru a stimula fluxul de lucru al dezvoltatorului pe parcurs. Cu mesaje de jurnal automat, formatare automată a codului, fișiere utilitare, etichete de fișiere, fragmente de cod, paranteze de evidențiere, etichete, indentări și spații de lucru, integrare și SSH la distanță.
Citeste mai multCum să creați și să lansați site-uri web responsive puternice cu Editor X
În timp ce constructorii web există de mult timp, abia de curând au devenit practici pentru uz profesional. Reducerea decalajului dintre design și cod a devenit steaua nordică pentru multe companii și vedem un val de instrumente care își îndeplinesc această promisiune.
Citeste mai multSVG-uri accesibile: modele perfecte pentru utilizatorii de cititoare de ecran
Descoperiți ce modele SVG ar trebui să evităm și care sunt cele mai incluzive atunci când comparăm diferite combinații de sisteme de operare, browsere și cititoare de ecran.
Citeste mai multUn ghid pentru a anula greșelile cu Git (Partea a 2-a)
Greșeli. Acești răufăcători cruzi nici măcar nu se opresc la frumoasa lume a dezvoltării software. Dar deși nu putem evita să facem greșeli, putem învăța să le anulăm! Această postare va arăta instrumentele potrivite pentru munca ta zilnică cu Git.
Citeste mai multO nouă modalitate de a reduce impactul încărcării fonturilor: descriptori de font CSS
Fonturile web sunt adesea groaznice pentru performanța web și niciuna dintre strategiile de încărcare a fonturilor nu este deosebit de eficientă pentru a rezolva acest lucru. Opțiunile viitoare de fonturi pot îndeplini în sfârșit promisiunea de a facilita alinierea fonturilor alternative la fonturile finale.
Citeste mai multInterogări de containere CSS: cazuri de utilizare și strategii de migrare
Interogările CSS Container apropie interogările media de elementele țintă în sine și le permite să se adapteze practic la orice container sau aspect dat. În acest articol, vom aborda elementele de bază ale interogărilor de containere CSS și cum să le folosim astăzi cu îmbunătățiri progresive sau polyfills.
Citeste mai multCrearea unui editor de text îmbogățit (WYSIWYG)
Să construim un editor de text bogat, WYSIWYG, care acceptă text îmbogățit, imagini, link-uri și unele funcții nuanțate din aplicațiile de procesare de text. Vom folosi SlateJS pentru a construi shell-ul editorului și apoi vom adăuga o bară de instrumente și configurații personalizate.
Citeste mai mult