ECSSpert ovvero fare grafica senza immagini né JS

10 anni fa

Non è un’immagine. Non è un JavaScript. E’ puro e “semplice” CSS. Anche la nerdaggine, come è giusto che sia, si evolve di pari passo con la tecnologia. Dopo aver passato anni a comporre immagini e pagine in codice HTML, colorando ogni singola lettera in modo da comporre un’immagine quanto meno apprezzabile (denominata anche impunemente ASCII art), i ragazzi di ECSSpert hanno deciso di mettersi alla prova in questo puro esercizio di stile per dimostrare le potenzialità dei CSS. In pratica hanno ridisegnato, senza l’ausilio di nessuna immagine ne file JavaScript, i loghi e immagini di famosi brand utilizzando esclusivamente un foglio di stile ed una pagina HTML, che si occupa di definire i vari DIV. Il risultato è assolutamente pregevole, e per quanto privo di utilità, rimane un bell’esempio di cosa è possibile fare con gli standard web, a patto di averne le capacità.

Sul loro sito potrete trovare quindi le versioni CSS di tanti brand dai loghi inconfondibili: Apple, Adidas, McDonald, Pepsi (notate le gocce con tanto di shade), e altri. Sotto il logo è disponibile per la visualizzazione sia il codice HTML della pagina che il vero e proprio foglio di stile, in modo da poter apprezzare la complessità del “CSS drawing” e, perché no, anche imparare qualcosa.

Il loro sito potete trovarlo qui: ecsspert.com

:bazinga: privato di @imnotsuperman

100 citazioni di film famosi
100 citazioni di film famosi
Comic Sans Criminal, espiate i vostri peccati di grafica
Comic Sans Criminal, espiate i vostri peccati di grafica
Drawerings, il tool per disegnare motivi caleidoscopici
Drawerings, il tool per disegnare motivi caleidoscopici
Mozilla, il logo diventa open source
Mozilla, il logo diventa open source
Instagram su Windows 95
Instagram su Windows 95
L'uomo che creò i titoli di testa e il logo di Star Wars
L'uomo che creò i titoli di testa e il logo di Star Wars
Dithering: cos'è e come funziona
Dithering: cos'è e come funziona