Quando dobbiamo scegliere un framework front-end controlliamo sempre due cose: il grid-system e la costruzione delle forms.Bootstrap 5, staccandosi dalle versioni precedenti, trova una parziale riscrittura dei forms che abbandona tutte le classi superflue (form-group, form-row, ...

Nei precedenti script, ci siamo trovati spesso a parlare delle immagini e di come siano belle, ma a volte complesse da integrare nel nostro layout a causa delle dimensioni, del punto di taglio o addirittura del peso delle stesse. Oggi andremo proprio a risolvere questo ultimo ...

All'interno di una pagina web l'utilizzo di un layout Skeleton è utile nel momento in cui la pagina dovrà caricare del contenuto dopo il suo primo rendering, attendendo il risultato da una chiamata asincrona o la scelta dell'utente. ...

Le immagini sono un grosso problema per gli Screen Reader e, se non ben incluse nella pagina, lo saranno anche per il lettore. Vediamone alcuni esempi nel seguente script.Se l'attributo alt risulterà vuoto o verrà impostato l'attributo role="presentation" lo screen reader ...

Molto spesso le applicazioni Angular vanno a raccogliere e inviare dati ad API residenti su domini diversi da quello del suo host. Ad esempio, la nostra applicazione potrebbe girare sul dominio www.sito.it e dover attingere da API esposte su api.sito.it o apisterne.com. In questi...

Nello script #328 abbiamo parlato di accessibilità e posto l'accento sul migliorare l'utilizzo delle pagine web tramite lettori di schermo.Nell'esempio riportato valutavamo un cambiamento dinamico sull'attributo di un bottone. Nel caso l'operazione sul form vada bene o male, ...

Disabilitare un bottone è un'operazione comune quando abbiamo a che fare con delle form. Utilizzando i framework moderni risulta anche molto pratico disabilitare il bottone quando il form non è valido.Tuttavia, questa non sempre è essere una buona idea. Questo perchè non tutte le...

Typescript è da alcuni anni un linguaggio molto affermato sulla scena web sia per quanto riguarda il frontend che per il backend. Durante gli anni ha ricevuto importanti aggiornamenti e con la versione 4.3 le caratteristiche di type-checking sono state ulteriormente affinate....

Il mondo digitale ragiona in pixel, la stessa regola vale quindi anche per il web dove a volte basta un pixel per distruggere un layout e avere un risultato grafico completamente distorto rispetto alle aspettative. Durante la creazione di una pagina ci troviamo spesso con un'...

Il CSS permette di modificare la modalità di rappresentazione di un oggetto ul o ol consentendoci tramite la proprietà list-style-type di anteporre, per ogni elemento all'interno della lista, numberi, lettere o forme geometriche. Questo approccio soddisfa la maggior parte delle ...