Mattepuffo
Nascondere elementi usando i CSS


Vi propongo oggi una lista di metodi per nascondere gli elemtni di una pagina web usando i CSS.

Non so se ce ne siano altri, e non saprei neanche dirvi quale sia il migliroe.

Io in genere per abitudine uso l'attributo display, quindi cominciamo da questo.

Mattepuffo
CSS clip-path


La proprietà clip-path di CSS 3 ci permette di "clippare" parti di una pagina senza ricorrere ad immagini create ad-hoc o ad altri tecnicismi.

Ad oggi (20 giugno 2016) non è compatibile con Firefox, ma potete testarlo su Chrome e Safari.

Qui vi propongo due esempi:

  • in uno clippiamo una immagine creando un rombo
  • nell'altro tagliamo una parte del titolo
Mattepuffo
Disabilitare l'autocompletamento nei form HTML


Tendenzialmente l'autocompletamento nei form HTML è più che comodo.

Ma ci possono essere dei casi in cui vogliamo disabilitarlo.

Farlo è molto semplice usando l'attributo autocomplete (che fantasia eh!).

Mattepuffo
Ion-toggle con liste cliccabili in Ionic Framework


Quando usiamo gli ion-toggle in Ionic, di default la lista diventa non cliccabile.

Questo fa si che potete solo usare il toggle, ma non potete usare le voci come link.

Questo "problema" è facilmente aggirabile.