Scrollbar personalizzata con webkit
26 marzo 2013 di Antonio PoleseWebkit affida nuovamente ai css la personalizzazione della scrollbar attraverso l'uso di alcuni pseudo-elementi. Vediamo di che si tratta.
Webkit affida nuovamente ai css la personalizzazione della scrollbar attraverso l'uso di alcuni pseudo-elementi. Vediamo di che si tratta.
E’ davvero possibile farlo? La prima cosa che ci assicuriamo quando dobbiamo centrare un elemento è controllare se è dotato di larghezza e altezza. Sono informazioni che ci rendono sicuramente l’operazione molto più semplice. Ma cosa succede se non si hanno queste informazioni? è ancora possibile centrarli in modo verticale e orizzontale? Approfondendo anche in rete credo [...]
In questo post, suddiviso in 4 parti, vedremo dei piccoli hack per generare degli eventi con il css. Si tratta ovviamente di sperimentazioni.
Disegna con i CSS! I Css3 hanno dato una buona svolta non solo alle pagine web ma sono anche uno stimolo in termini di creatività. Personalmente resto molto affascinato quando mi ritrovo davanti un’illustrazione effettuata esclusivamente con i css, ammiro molto la pazienza dei creatori In questo articolo ne ho raggruppate alcune. Mi raccomando, se [...]
In questo articolo ti segnalo i punti salienti del documento - Princìpi per la scrittura di CSS consistente ed idiomatico - pubblicato da Nicolas Gallagher, dove espone delle linee guida per impostare un codice css comprensibile. Ovviamente non si tratta di regole uffciali ma ti assicuro che sono degli ottimi consigli da tenere sempre sotto mano.
In questo articolo Gabriele Romanato ci mostra come risolvere mediante la creazione dinamica dei separatori, grazie alla proprietà content del css.
I pulsanti in CSS Con questa pillola del laboratorio spieghiamo come utilizzare al meglio la proprietà box-shadow del css3 e creare pulsanti accattivanti per i nostri siti web. Da dove comincio? Prendiamo in esame un solo pulsante, quindi creiamo un’ancora attribuendole due classi, “.button_one” per colore, ombre e sfumature, e “.glass” esclusivamente per l’effetto “vetro” [...]
Tra grafica e codice Nel web nulla è impossibile da realizzare, spero che in molti condividiate la mia idea, soprattutto quando si tratta di riportare un layout grafico nel suo corrispondente codice html e css. L’abilità di un web designer sta anche in questo, trovare la miglior soluzione strutturale ad una specifica situazione grafica. Leggendo [...]
Che cos’è ClearFix e cosa fa? MicroClearFix è un aggiornamento del codice ClearFix; quest’ultimo è un metodo di annullamento float (qui l’articolo su altri tipi di annullamento) che si basa sullo pseudo-elemento :after, il suo modo di operare consiste nel generare un contenuto posizionato dopo il contenuto dell’elemento stesso, in poche parole è come se [...]