HTML - CSS

La base di tutto il web

Mattepuffo's logo
Usare la fotocamera con HTML

Usare la fotocamera con HTML

L'input di tipo file di HTML, negli annia si è molto evoluto.

In questo articolo vediamo come usarlo per avviare la fotocamera del nostro dispositivo.

La cosa bella è che sul browser avviato su un pc, si comporterà come da standard.

Mattepuffo's logo
Creare un'estensione personalizzata per Chrome

Creare un'estensione personalizzata per Chrome

Creare un'estensione per Chrome non è difficile, in quanto alla fine ci bastano le solite cose:

  • HTML
  • CSS
  • Javascript

In questo articolo vediamo come fare; il risultato sarà un'estensione che una volta cliccata ci aprirà una finestrella con una tabella con dati presi da JSONPlaceholder.

Mattepuffo's logo
Usare le shape-outside nei CSS

Usare le shape-outside nei CSS

La proprietà CSS shape-outside ci permette di controllare come i contenuti vengo visualizzati attorno ad un elemento floated.

In pratica possiamo usarlo anche vicino alle immagini per visualizzarci vicino un testo.

Una cosa che prima richiedeva un pò di lavoro, adesso può essere fatto in poche righe.

Mattepuffo's logo
Creare un Native Web Component in HTML

Creare un Native Web Component in HTML

I Native Web Components sono dei componenti custom creati da noi da usare nelle nostre pagine HTML.

Non so quanto ci sarà utile se usiamo llibrerie / framework; o comunque in generale visto quanti componenti abbiamo già a disposizione.

Però può essere utile sapere come si creano.

Mattepuffo's logo
Visualizzare file di MS Office nelle pagine web

Visualizzare file di MS Office nelle pagine web

MS Office ci mette a disposizione un servizio attraverso il quale possiamo "embeddare" file Word ed Excel nelle nostre pagine web.

Probabilmente funziona anche con altri formati, ma non ho provato.

Il servizio è gratuito (per ora?) ed ha bisogno:

  • che venga usato un iframe
  • che il file da visualizzare sia online e raggiungibile tramite url
  • ovviamente il file è in sola visualizzazione, non si può modificare