Immagini responsive in HTML senza usare CSS

Quando creiamo qualcosa di responsive in HTML, siamo soliti usare i CSS con le media queries.

Ma per quanto riaguarda le immagini, possiamo farne a meno usando il tag picture!

Attributi HTML: poster

Quando impostiamo la visualizzazione di un video, in HTML possiamo anche impostare una immagine come poster.

Questa verrà visualizzata prima dell'inizion del video.

Attributi HTML: download

L'attributo HTML download forza il dowload del file invece di navigarlo.

L'ho testato sia con file HTML che txt.

Nascondere righe sul mobile in WPBakery Page Builer

WPBakery Page Builer di default ci permette di visualizzare / nascondere le colonne in base alle impostazioni responsive.

Non ci permette putroppo di fare la stessa cosa con righe intere.

Attributi HTML: spellcheck

L'attributo HTML spellcheck visualizza eventuali errori di battitura nelle caselle di controllo (o comunque dove possiamo scrivere del testo).

Dovrebbe essere compatibile con tutti i browser, ma mi sembra di capire che non supporti al momento tutte le lingue.

Attributi HTML: accesskey

L'HTML ha diversi attributi abbastanza sconosciuti.

Oggi ne vediamo uno: accesskey!

In pratica ci consente di stabilire una scorciatoia da tastiera per una determinata "operazione".

Creare un loading dialog con i CSS

Oggi vediamo come creare un loading dialog con i CSS.

Non useremo immagini, ma solo una combinazione di stile; useremo solo un scriptino Javascript per stoppare il loader.

In fin dei conti il loader andrà nascosto ad un certo punto, e al 99% sarà una operazione che farete in Javascript.

Usare il componente datalist in HTML

Vediamo molto spesso nei siti web le caselle di input che suggeriscono il valore da selezionare mentre si scrive.

Questa cosa si può ottenere in diversi modi, e dipende ovviamente anche dalla mole di dati in cui cercare, e dalle tecnologie usate.

Tabelle responsive in PrimeNG

PrimeNG ci fornisce tutta una serie componenti HTML da usare nei progetti Angular (e in verità non solo).

Oggi vediamo come far diventare una tabella responsive, partendo dalla documentazione ufficiale.

Impostare un gradient alle immagini con i CSS

La proprietà mask-image di CSS ci consente di creare delle "mask" alle immagini.

Oggi vediamo come usarla per creare dei gradient.

Ma penso ci siano anche altre utili utilizzi.