Molto spesso capita di dover impostare il valore di una variabile in base al fatto che un'altra sia null o meno. Ad esempio, dobbiamo impostare una stringa di default da visualizzare se l'indirizzo di una persona non è specificato. In questi casi il codice da scrivere è molto ...

La versione 4 di Bootstrap permette di avere dei contenuti che possono essere resi visibili o invisibili con un'animazione utilizzando solamente codice HTML (senza quindi dover scrivere codice JavaScript). Per prima cosa, dobbiamo crere un div e assegnargli la classe css collapse...

Sin dalla prima versione Angular ha esposto la classe Http per effettuare chiamate HTTP. Questa classe soffriva di alcune limitazioni e per poterle superare il team di Angular ha introdotto la nuova classe HttpClient (a partire dala versione 4.3 di Angular) che sostituisce Http ...

In Angular, la gestione degli eventi è piuttosto banale in quanto possiamo associare all'evento un metodo del component. Tuttavia, questa tecnica è poco efficiente nei casi in cui vogliamo creare comportamenti custom su più controlli. Supponiamo ad esempio, di voler mostrare un ...

Nella maggior parte dei casi, quando dobbiamo creare una proprietà nello scope di un controller la creiamo all'interno del codice del controller. Tuttavia possiamo anche creare questa proprietà direttamente nel codice HTML della pagina tramite la direttiva ng-init. Questa ...

Aggiungere tooltip ad una pagina può migliorare l'usabilita della stessa. Sebbene i browser mettano a disposizione un tooltip di default, questo può essere personalizzato nel contenuto ma non nell'aspetto grafico. Bootstrap permette di creare dei tooltip custom che possono anche ...

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, ...

La bellezza dell'ecosistema che ruota attorno a React è la vastità di librerie che abbiamo a disposizione. In questo script ci soffermiamo su una in particolare: CSS Module. Grazie a CSS Module, possiamo facilmente creare dei micro-moduli CSS da incorporare all'interno della ...

Tra i nuovi tag semantici introdotti con HTML5 troviamo figure, usato per identificare elementi come diagrammi, illustrazioni, fotografie o esempi di codice. Questi elementi devono essere correlati al contenuto principale al fine di completarlo o come approfondimento ma devono, ...

Quando dobbiamo mostrare un messaggio di aiuto all'utente, il tooltip di default offerto dal browser è comodo, ma non è di certo la soluzione più elegante. Negli anni sono stati creati diversi plugin per creare tooltip più o meno eleganti, ma al momento Bootstrap ne offre uno dei...