Angoli CSS3, sfumature, ombre e altro ...

proprietà css3

Cascading Style Sheets (CSS) è una tecnologia incredibile, che ti consente di separare facilmente i contenuti dal design. Lavoriamo ancora con aziende che hanno siti e interfacce hard-coded, costringendole a fare affidamento sugli sviluppatori per apportare eventuali modifiche. Se è lì che si trova la tua azienda, devi urlare al tuo team di sviluppo (o ottenerne uno nuovo). La versione iniziale di CSS risale a 14 anni fa! Siamo ora alla terza iterazione di CSS3.

CSS3 è ora adottato e supportato in tutte le più recenti versioni di browser popolari ed è ora di trarne vantaggio! Nel caso in cui non ti rendessi conto di cosa era possibile fare con CSS3, un extrapixel ha messo insieme una bella infografica sulle funzionalità chiave abilitate da CSS3, inclusa l'applicazione di un raggio del bordo (angoli arrotondati), opacità (la capacità di vedere attraverso un elemento), immagini del bordo, più immagini di sfondo, gradienti, transizioni di colore, ombre di elementi e ombre dei caratteri. Ci sono alcuni effetti incredibili che puoi sviluppare con combinazione di HTML5 e CSS3.

Perché i CSS3 sono importanti? Attualmente, i designer utilizzano una combinazione di grafica, HTML e CSS per progettare completamente pagine web esteticamente gradevoli. Una volta che tutti gli elementi grafici sono supportati, potrebbe essere possibile eliminare Illustrator o Photoshop e fare in modo che il browser esegua il rendering della grafica e dei livelli nel modo in cui vorremmo. Potrebbe volerci ancora un decennio, ma più ci avviciniamo, più belli saranno i siti che possiamo sviluppare e più facile sarà lo sviluppo al volo.

css3 infografica completa

Se sei preoccupato dell'adozione di CSS3 perché i tuoi utenti o visitatori utilizzano ancora browser meno recenti, esistono librerie JavaScript come Mondernizr là fuori puoi includere nei tuoi progetti HTML5 e CSS3 che aiuteranno i browser meno recenti a rendere gli elementi accuratamente.

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.