Corsi on-line

Effetti di scrolling in puro CSS

Approfitto di questo post per presentarvi il lavoro di un bravissimo Web designer che ha affrontato con un certo successo la problematica relativa alla realizzazione di effetti di scrolling su liste basati interamente su regole di stile CSS; in realtà i risultati ottenuti da Hakim El Hattab, questo il suo nome, hanno richiesto anche l’utilizzo di una semplice funzione JavaScript, ma gli esempi mostrati sono in ogni caso frutto delle attuali potenzialità del CSS.Le varianti presentate in un’apposita pagina dedicata alla sperimentazione sono 13, per una visualizzazione ottimale è consigliato l’utilizzo di un browser basato sull’engine WebKit (come per esempio Google Chorme o Safari) o su Mozilla Firefox, entrambi nelle versioni più aggiornate; nel caso in cui si utilizzino invece altri programmi per la navigazione su Internet o release più datate, gli esempi sono stati realizzati per funzionare comunque, anche se con una comprensibile perdita sul livello della resa grafica.

Sarà possibile effettuare il fork degli effetti di scrolling presentati scaricando i relativi sorgenti dal servizio per il controllo di versione GitHub; consiglio in ogni caso di visitare con attenzione anche le altre sezioni del sito di Hakim El Hattab dove sarà possibile reperire molte altre sperimentazioni dedicate a CSS3, HTML5  e Javascript.

Post correlati
I più letti del mese
Tematiche