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.

In questo articolo abbiamo visto come usare clip-path.

Il suo utilizzo, comunque, non è dei più semplici; ma girovagando per il web, ho trovato un servizio molto utile: Clippy!

In pratica ci consente di manipolare le forme, e come risultato ci da il CSS da mettere nel nostro sito.

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

Supponiamo di avere una tabella HTML, dalla quale dobbiamo nascondere una specifica colonna: come possiamo fare usando i CSS?

Semplicemente usando il selettore nth-child.

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.