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ù