CSS3 introduce una serie di nuove specifiche dedicate a sfruttare in maniera avanzata gli stili, denominate Media Queries. Possiamo combinare delle istruzioni particolari in base alla risoluzione del browser o alla disponibilità o meno di una particolare feature.Ad esempio, ...

In questa serie di script ci occuperemo della configurazione di un'applicazione React al cui interno useremo TailwindCSS come framework CSS. Iniziamo dunque a parlare di Tailwind.Tailwind CSS è un framework CSS che offre un approccio diverso rispetto ai tradizionali framework. In...

Nel nostro percorso alla scoperta di Tailwind CSS, approfondiamo ora l'utilizzo pratico di questo framework per la creazione di componenti di base all'interno di un'applicazione web statica, provando ad utilizzare elementi comuni come navbar, bottoni e form.Per iniziare, creiamo ...

Tailwind CSS può essere incorporato anche all'interno di Single Page Application come React. Il processo risulta molto semplice grazie alle ottimizzazioni della piattaforma e al sistema di compilazione integrato.Cominciamo creando un nuovo progetto React utilizzando create-react-...

Tailwind CSS può essere modificato e integrato attraverso svariate librerie. In questo script prenderemo in considerazione Preline UI, una libreria disponibile su NPM che applica un tema e altre funzionalità a Tailwind CSS in progetti React. Utilizzando il progetto esistente, ...

Nel nostro percorso di sviluppo con React.js e Tailwind CSS, è naturale voler creare componenti personalizzati che si adattino alle esigenze specifiche del nostro progetto. In questo script, esploreremo come creare un componente personalizzato in React.js che includa un pulsante ...

Come ultimo script di questa serie, facciamo un passo indietro: dopo aver visto come installare e utilizzare Tailwind CSS, sia in un progetto HTML che React, vediamo come estenderlo attraverso la creazione di plug-in.Questa funzionalità è ottima se stiamo lavorando all'interno di...

Nel nostro percorso con Tailwind CSS, abbiamo visto come creare plugin statici per aggiungere classi di utilità specifiche al nostro progetto. Tuttavia, a volte potremmo avere esigenze più dinamiche, dove le classi di utilità devono essere generate in base a parametri o variabili...

Il caricamento delle immagini è in certi versi un elemento cruciale per la creazione di siti web con un layout accattivante che riesca ad intrattenere l'utente il più possibile. Abbiamo già parlato dell'attributo aspect-ratio nello script #314 associandolo alle dimensioni di un ...

Riprendiamo il viaggio nelle best-practice nell'utilizzo di CSS e HTML introducendo un metodo di scrittura per il CSS che ci tornerà utile per la creazione di regole riguardanti i vari stili che gli elementi HTML dovranno avere sulla pagina.Questo standard prende il nome di BEM (...