ragnatela
Come risolvere i problemi di spostamento del layout cumulativo (CLS).
L'iniziativa Core Web Vitals di Google ha preso d'assalto i mondi SEO e Web Performance e molti siti sono impegnati a ottimizzare la propria Page Experience per massimizzare il fattore di ranking. La metrica Cumulative Layout Shift sta causando problemi a molti siti, quindi diamo un'occhiata ai modi per risolvere eventuali problemi per quella metrica.
Leggi di piùMigliorare le prestazioni di un negozio online (caso di studio)
Ottenere un buon punteggio di prestazione da Google è difficile per qualsiasi sito Web, ma farlo per un negozio online è ancora più difficile. Abbiamo ottenuto punteggi verdi, anche diversi per dispositivi mobili. Ecco come abbiamo fatto.
Leggi di piùAggiunta di un sistema di commenti a un editor WYSIWYG
In questo articolo, riutilizzeremo l'editor WYSIWYG di base integrato nel primo articolo per creare un sistema di commenti per un editor WYSIWYG che consenta agli utenti di selezionare il testo all'interno di un documento e di condividere i propri commenti su di esso. Scendiamo!
Leggi di piùUtili estensioni di codice VS per sviluppatori front-end
Scopri utili estensioni di Visual Studio Code per sviluppatori Web: piccoli aiutanti per ridurre al minimo i rallentamenti e le frustrazioni e aumentare il flusso di lavoro degli sviluppatori lungo il percorso. Con messaggi di registro automatico, formattazione automatica del codice, utilità di file, etichette di file, frammenti di codice, parentesi di evidenziazione, tag, rientri e aree di lavoro, onboarding e SSH remoto.
Leggi di piùCome creare e avviare potenti siti Web reattivi con Editor X
Sebbene i web builder siano in circolazione da molto tempo, solo di recente sono diventati pratici per l'uso professionale. Colmare il divario tra design e codice è diventato la stella polare per molte aziende e stiamo assistendo a un'ondata di strumenti che mantengono questa promessa.
Leggi di piùSVG accessibili: modelli perfetti per gli utenti di screen reader
Scopri quali pattern SVG dovremmo evitare e quali sono i più inclusivi quando confrontiamo diverse combinazioni di sistemi operativi, browser e screen reader.
Leggi di piùUna guida per annullare gli errori con Git (Parte 2)
Errori. Questi cattivi crudeli non si fermano nemmeno al bellissimo mondo dello sviluppo del software. Ma anche se non possiamo evitare di commettere errori, possiamo imparare a annullarli! Questo post mostrerà gli strumenti giusti per il tuo lavoro quotidiano con Git.
Leggi di piùUn nuovo modo per ridurre l'impatto del caricamento dei caratteri: i descrittori dei caratteri CSS
I caratteri Web sono spesso terribili per le prestazioni del Web e nessuna delle strategie di caricamento dei caratteri è particolarmente efficace per affrontarlo. Le imminenti opzioni dei caratteri potrebbero finalmente mantenere la promessa di semplificare l'allineamento dei caratteri di fallback ai caratteri finali.
Leggi di piùQuery sui contenitori CSS: casi d'uso e strategie di migrazione
Le query CSS Container avvicinano le query multimediali agli elementi di destinazione stessi e consentono loro di adattarsi praticamente a qualsiasi contenitore o layout dato. In questo articolo, tratteremo le nozioni di base sulle query del contenitore CSS e come utilizzarle oggi con il miglioramento progressivo o i polyfill.
Leggi di piùCreazione di un editor di testo avanzato (WYSIWYG)
Costruiamo un RTF, un editor WYSIWYG che supporti RTF, immagini, collegamenti e alcune funzionalità sfumate delle app di elaborazione testi. Useremo SlateJS per costruire la shell dell'editor e quindi aggiungere una barra degli strumenti e configurazioni personalizzate.
Leggi di più