Autore: MapoDesign
-
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.
-
JavaScript – forEach
Il metodo forEach() utilizza una funzione per ogni elemento di un array. È utile per creare un loop di oggetti di numero non definito. La stessa funzione può essere creata in questo modo: Il risultato sarà questo: 45491625
-
JavaScript – Break & Continue
Per interrompere un ciclo while si può utilizzare l’istruzione break o quella continue. Interrompere un ciclo infinito con break Break si usa soprattutto nei cicli while per interrompere un ciclo infinito. In questo caso il ciclo non finirebbe mai bloccando il browser, senza l’istruzione if con un break a 100. Il risultato sarà quello di…
-
JavaScript – Switch
In caso di diverse alternative ben definite, come possono essere i voti, i giorni della settimana, può essere utile usare l’istruzione switch che può essere una valida alternativa all’uso di if – else – else if. Con switch necessitiamo un’espressione che dia un risultato. I vari casi di risultato sono poi selezionati con l’espressione case.…
-
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…
-
Javascript – Operatore ternario
L’operatore ternario (detto anche “operatore di selezione”) fornisce una sintassi abbreviata per esprimere un particolare tipo di if. Questa situazione infatti: Può essere anche rappresentata più sinteticamente con l’utilizzo dell’operatore ternario: Se nell’esempio delle lezioni precedenti avessimo voluto scrivere due differenti valori per l’altezza della cella, uno per la risoluzione di 800×600 e uno per…
-
Javascript – Undefined Empty & Null Value
In Javascript una variabile senza valore ha un valore undefined. Anche il tipo diventa undefined. Può essere anche riempito dallo stesso valore undefined. Valore vuoto (Empty) Un valore vuoto non ha nulla a che fare con undefined. Una stringa vuota può comunque avere un valore e un tipo. Null In JavaScript null è “nulla”. si…