Se confrontata con gli aggiornamenti del browser di Mountain View rilasciati nel corso degli ultimi mesi, Chrome 57 si presenta certamente come una delle versioni più ricche di feature dedicate agli sviluppatori; a conferma di quanto detto basterebbe citare l'introduzione del supporto per il modulo Grid Layout di CSS e la possibilità di utilizzare la Media Session API per lo svilippo di Web media application. (more...)

Continua a leggere CSS Grid Layout anche su Google Chrome

Categoria: CSS

Così come già fatto per JavaScript, proseguiamo il nostro approfondimento sui trend front-end del 2017 attraverso l'analisi dei risultati relativi a CSS ottenuti tramite l'"Ashley Nolan's Front-End Tooling Survey". Il primo dato interessante del sondaggio riguarda le competenze, con quasi il 47% degli intervistati che si considera un utente avanzato, il 26.4% uno sviluppatore dalle capacità intermedie e il 16.3% un esperto in materia. (more...)

Continua a leggere CSS: i trend front-end del 2017

Categoria: CSS

Per inline CSS si intende l'inserimento diretto delle regole di stile nelle pagine HTML, all'interno dei tag style posizionati a loro volta tra i tag head, senza l'ausilio di uno style sheet esterno. L'utilizzo di questa tecnica potrebbe presentare dei vantaggi rilevanti per l'ottimizzazione, perché riduce il numero di file che dovranno essere caricati; si tratta però di una soluzione talmente valida da sconsigliare l'uso dei CSS esterni? (more...)

Continua a leggere Inline CSS Vs. fogli di stile esterni

Categoria: CSS

Tags: ,

Qualche giorno fa abbiamo parlato di come i framework non rappresentino sempre una buona soluzione per conciliare produttività, qualità del codice e prestazioni. I framework monolitici contengono spesso funzionalità non necessarie per le specificità di un progetto, mentre i micro-framework possono presentare delle lacune in termini di feature. Relativamente a CSS, è possibile proporre una soluzione Open Source come Blaze che cerca di risolvere tali problematiche con la modularità. (more...)

Continua a leggere Blaze CSS: tra Bootstrap e Skeleton

Categoria: CSS

FLA (Flex Layout Attribute) è un layout helper, si tratta sostanzialmente di una soluzione basata sulle specifiche CSS flexbox e concepita per disporre velocemente di shorthand flexbox tramite due attributi HTML: layout e self. Il progetto consente di effettuare rapide operazioni di prototipazione, per utilizzarlo è infatti sufficiente un browser Web, senza la necessità di ricorrere a codice CSS addizionale. (more...)

Continua a leggere FLA: un HTML helper per CSS3 flexbox

Categoria: CSS

Tags: ,

"CSS When/Else Rules" è il nome di una proposta per l'introduzione di nuove istruzioni condizionali nei fogli di stile. Si tratta di regole pensate in particolare per la gestione delle media query e delle support query, con l'intento di renderne più semplice l'adozione. (more...)

Continua a leggere When/Else in CSS: una proposta per nuove regole condizionali

Categoria: CSS

Dei vantaggi derivanti dall'uso degli icon fonts abbiamo già parlato in passato, il crescente utilizzo di dispositivi mobili non ha fatto altro che accrescere la necessità di soluzioni responsive per piccoli elementi grafici. Ecco una lista di 10 icon pack da utilizzare: (more...)

Continua a leggere 10 alternative per usare gli Icon Fonts

Categoria: CSS

Un nuovo attributo portato in dote da HTML5, il placeholder, offre la possibilità di inserire un valore predefinito in un campo input di un form. In questo modo l'utente otterrà un suggerimento iniziale sul potenziale contenuto da inserire nel campo. (more...)

Continua a leggere Formattare i placeholder con i CSS

Categoria: CSS

Tags: ,

Una proprietà abbastanza recente dei CSS e, purtroppo, ancora non pienamente supportata, permette di bypassare l'uso di Photoshop e affini per creare interessanti texture su testo ed immagini. La proprietà in questione è la mask-image e consente di applicare delle immagini a parziale o totale copertura di testi o altre foto, ricreando l'effetto maschera tipico degli editor grafici. (more...)

Continua a leggere Esempi creativi di texture con i CSS

Categoria: CSS

Tags: ,

Sono passati ormai più di 20 anni da quando Håkon Wium Lie, CTO di Opera Browser, pubblicò la bozza intitolata "Cascading HTML style sheets -- a proposal"; quello comparso sul sito Web del W3C il 10 ottobre 1994 era in pratica un documento in cui veniva descritto un primo schema dei fogli di stile applicabili alle pagine HTML, un pattern sulla base del quale proprietà come font family e window size potevano essere definite tramite apposite regole riguardanti la presentazione degli elementi di markup. (more...)

Continua a leggere 20 anni di CSS

Categoria: CSS

Tags: