CSS

Francesco Ciannavei

CSS

In TUN2U ho scritto LESS per i temi Magento e SCSS per i temi WordPress. Anche questo sito ha gli stili in SCSS. Uso i preprocessori per scrivere CSS organizzato e manutenibile, con variabili, mixin e nesting, e applico metodologie come BEM per la nomenclatura delle classi sui progetti che crescono nel tempo.

Temi Magento e WordPress

Su Magento gli stili si scrivono in LESS, e lì ho lavorato con quello, insieme a Knockout e RequireJS di cui parlo nella pagina su JavaScript. I temi WordPress li scrivevo da zero, senza tema di partenza, con gli stili in SCSS.

Performance e accessibilità

Sui siti WordPress il CSS conta anche per la velocità: il CSS critico inline è una delle tecniche con cui quasi tutti i siti che ho costruito arrivano a 100 nella scheda Performance di PageSpeed Insights. Curo i layout responsive e l'accessibilità, con contrasti adeguati e interazioni chiare, lavorando a fianco dei designer per tradurre i mockup in codice fedele.

Dove scale non basta

Con scale un bottone grande cresce più di uno piccolo, e il CSS non permette di dire "cresci di 10 pixel". Per questo ho scritto JS-Lib-Scale, che calcola il fattore giusto per ogni elemento. La usano i link dell'header di questo sito.

Gli stili di questo sito

Il frontend che stai leggendo ha gli stili in SCSS, dentro il progetto Astro.

Rating
10/10

Dove l'ho usato: