Position sticky
Cristina Il position sticky nei CSS consente di posizionare l’elemento secondo il normale flusso del documento (a differenza di fixed), quando poi scorriamo la pagina, la sua posizione rimane fissa rispetto…
Web
Opacità con rgba
In questo articolo vedremo come creare un’opacità con rgba. Abbiamo già visto, nella lezione precedente, come utilizzare opacity. Abbiamo anche notato che l’effetto opacità, oltre allo sfondo, viene applicato anche…
Media queries
Le media queries CSS sono delle regole di stile che permettono di adattare i siti web ai diversi dispositivi, dai desktop ai mobile. Quindi ad esempio si possono impostare delle…
Text shadow
In questa lezione vedremo come utilizzare la proprietà text shadow dei CSS, utile per dare un effetto ombra ad un testo. Esempi pratici Text shadow Vediamo dunque degli esempi pratici…
First child
In questa lezione studieremo come utilizzare first child nei CSS. In particolare possiamo definire la pseudo classe first child come il primo elemento di ciascun gruppo di elementi. First child…
First letter e first line
In questa lezione vedremo come utilizzare gli pseudo-elementi first letter e first line. Questi pseudo-elementi nei CSS si utilizzano per stilizzare la prima lettera di una determinata frase oppure un’intera…
jQuery ajax chiamate asincrone
In questa lezione parleremo del metodo di jQuery ajax e di come gestire le chiamate asincrone. Realizzeremo un esempio utilizzando un’API per il meteo free a cui però bisogna richiedere…
Esempio di chiamata AJAX
Realizziamo un semplice esempio di chiamata AJAX utilizzando delle API libere. L’API free che andremo ad utilizzare è questa: https://apiv3.iucnredlist.org/api/v3/country/list?token=9bb4facb6d23f48efbf424bb05c0c1ef1cf6f468393bc745d42179ac4aca5fee Questa API può essere utilizzata senza chiedere nessuna apy-key, dunque…
Successione di Fibonacci in JavaScript
In questa lezione implementeremo un algoritmo sulla successione di Fibonacci in JavaScript. Innanzitutto ricordiamo che la successione di Fibonacci è una successione di numeri interi positivi in cui ciascun numero,…
AJAX jQuery e JSON
In questa lezione utilizzeremo le tecnologie AJAX jQuery e JSON per realizzare una chiamata asincrona ad un file presente sul server. Dunque proveremo a leggere i dati da un file…
AJAX e jQuery
AJAX e jQuery sono tecnologie utili per implementare delle chiamate asincrone, in maniera piuttosto semplice. Abbiamo già parlato di AJAX in questa lezione: Introduzione ad AJAX e abbiamo visto come…
Tutorial CSS
In questo semplice tutorial sui CSS (Cascading Style Sheets), impareremo ad utilizzare i fogli di stile per dare una piacevole formattazione ad una pagina web. Le regole per creare i…
Order
La proprietà order permette di decidere l’ordine di allineamento degli elementi, cioè l’ordine in cui viene mostrato un box contenitore rispetto agli altri definiti nello stesso contenitore padre. Order possibili…
Align self
La proprietà align self consente di specificare per un singolo box l’allineamento sull’asse perpendicolare, cioè sull’asse y. In definitiva questa proprietà sostituisce l’allineamento impostato dalla proprietà align-items impostato nel contenitore…
Flex CSS
La proprietà flex dei CSS consente di compattare le regole precedentemente studiate e cioè flex-grow, flex-shrink e flex-basis in un unico comando. Flex CSS esempio Spieghiamo dunque meglio questa proprietà…
flex basis
La proprietà flex basis consente di impostare le dimensioni in lunghezza di un box. Nel caso in cui è impostato flex-direction:row, oppure se non è specificato nulla, la lunghezza si…
Flex shrink
La proprietà flex shrink consente di impostare il fattore di riduzione, cioè rendere semplicemente più piccolo un box contenitore rispetto ad un altro o ad altri presenti nel contenitore padre.…
Flex grow
La proprietà flex grow consente di impostare il fattore di ingrandimento , cioè rende semplicemente più grande un box contenitore rispetto ad un altro nel contenitore padre. Flex grow valori…