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

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.

Ho creato un nuovo progetto con Ionic di tipo sidemenu.

La struttura iniziale è molto comoda, in quanto ci sono molte cose pre-confezionate; come ad esempio la navbar comune a tutte le pagine.

Solo che insieme alla navbar c'è anche l'icona per il menu laterale; menu che non si deve vedere se l'utente non ha eseguito il login.

Solitamente, per creare un counter all'interno delle nostre pagine web, usiamo due approcci:

  • usare una lista HTML
  • usare una variabile come counter (o variabile Javascript, PHP, ecc...non importa)

Con i CSS3 abbiamo una nuova modalità, senza usare ne liste ne variabili counter.

Da qualche anno, impazza sul web la mania degli icon font.

Ed ad essere sincere ne faccio uso anche io.

Sicuramente il servizio più conosciuto è Font Awesome, anche perchè si integra alla perfezione con Twitter Bootstrap.

Anche io uso Font Awesome, ma ogni tanto guardarsi intorno non fa male.

Vediamo quindi qualche possibile alternativa!

Nei CSS "avanzati" è facile trovare selettori (simboli) che non tutti conoscono e comprendono.

Quelli sicuramente più usati sono:

  • >
  • +
  • ~

Il primo vuol dire GREATHER THAN.

Twitter Bootstrap funziona molto bene, secondo me; lo uso con soddisfazione su praticamente tutti i dispositivi.

Però ha un piccolo problemino con l'iPad, nel collapse del menu.

Nel caso di varie voci (non troppe a dire il vero) il menu non esegue il collapse, e quindi il menu va a capo dando un brutto effetto visivo sulla pagina.

HTML 5 ha portato con se molti oggetti e attributi nuovi.

Ma ad oggi, ancora non esiste un attributo specifico per controllare la lunghezza minima di una casella di input.

Possiamo, però, ovviare usando l'attributo pattern.

I menu dropdown sono usati praticamente ovunque, ma soffrono di un problema di visualizzazione quando ci sono troppe voci.

Una soluzione è rendere il menu scrollabile, impostando una altezza massima.

Vediamo un esempio.