Tag: css3
-
React | inserire CSS
Il codice di React è creato in JSX e per inserire CSS in React ci sono diversi modi che vi vado a esporre. Metodo Classico: inserire il collegamento a un file css Questo è un metodo che vi consiglio di preferire. Si importa un file esterno css all’interno del file in cui abbiamo bisogno la…
-
CSS – Bottone Psichedelico
Un giochino interessante di CSS può essere quello di ricreare delle animazioni sui bottoni. Il bottone in hover creerà un’animazione interessante, visibile anche su WordPress in questo caso.
-
CSS – Display: Flex
L’utilizzo del metodo DISPLAY: FLEX in CSS3 ti permetterà di posizionare gli elementi in modo più flessibile rispetto al metodo FLOAT. Impostiamo prima di tutto il metodo. Allineamento orizzontale: justify-content Per allineare orizzontalmente gli elementi hanno varie possibilità: flex-start: Allinea gli elementi alla sinistra del contenitore. flex-end: Allinea gli elementi alla destra del contenitore. center:…
-
Javascript – To Do List
Con la collaborazione di SheTech, tramite il loro BootCamp gratuito per le iscritte, ho realizzato una ToDoList. Questa piccola applicazione lavora attraverso JSON per il salvataggio dei dati inseriti in locale nel dispositivo. Spiego alcuni elementi nel codice dell’HTML L’applicazione è semplice, c’è un form di inserimento dati con un bottone. Quando clicco il bottone…
-
JavaScript – Grafico a Barre con dati JSON
In questo articolo vi farò vedere come ho creato un grafico a barre. Questo grafico pesca i dati da un file JSON. Qui la demo: Ho inserito un file JSON da cui vengono pescati i dati, poi ho creato un loop da quei dati per creare una colonna per ogni mese. Ogni colonna ha l’altezza…
-
Creare una scroll bar
Se avete spesso articoli molto lunghi l’ideale sarebbe quello di creare una scroll bar che visualizzi quanto manca alla conclusione dell’articolo o della pagina. ATTENZIONE! Se state usando un tema di WordPress, potrebbero esserci dei problemi perché alcuni template come NEVE, quello in questo blog, bloccano di base la funzione utilizzata nel codice, perché fanno…