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

Mattepuffo BBG: Bootstrap Button Generator


Parliamo di Twitter Bootstrap 3; e specifico che questo è solo uno dei tanti servizi del genere.

Al contrario di tutti gli altri che ho provato, questo permette di scegliere i colori dei bottoni.

Ed è questa la cosa che mi è piacuita di più (mettere il nome o il testo non è molto difficile e non ci vuole un generatore automatico).

Mattepuffo Twitter Bootstrap print Modal


Come sostitute dei fastidiosi pupup, ormai le finestre modali la fanno da padrone.

Spesso mi è capitato di dover stampre solo il suo contenuto, tralasciando tutto il resto della pagina.

Ma le finestre modali, in verità, sono solo una parte della pagina che viene visualizzata allo scatenarsi di un evento; quindi, in realtà, state sempre dentro alla stessa pagina, e non viene aperta una vera e propria finestra come nel caso dei popup.

Come fare quindi a stamparne il suo contenuto?

Vediamo un esempio con Twitter Bootstrap.