Houdini è un progetto attualmente sviluppato in seno al W3C che si propone di normalizzare, e quindi gestire quanto più possibile, le differenze nel supporto ai costrutti di CSS tra i diversi Web browser. Nel contempo i suoi promotori si propongono di offrire uno strumento che permetta agli sviluppatori di utilizzare delle feature non ancora implementate del tutto in modo da renderle immediatamente disponibili per le proprie applicazioni e, di conseguenza, per gli utilizzatori. (more...)

Continua a leggere CSS: superare le incompatibilità cross-browser con Houdini

Categoria: Web Standards

Tags: ,

Recentemente gli sviluppatori di Google Chorme hanno cominciato a lavorare sul sistema utilizzato dal loro browser per il parsing delle regole CSS contenute nei fogli di stile; l'idea dovrebbe essere in sostanza quella di modificare il comportamento di link rel="stylesheet" con l'obbiettivo di implementare una nuova metodologia basata sulla chiamata e la lettura di style sheet dedicati a specifiche componenti di pagina. (more...)

Continua a leggere CSS: come cambierà il caricamento dei fogli di stile

Categoria: Web Design

Tags: ,

Con l'implementazione di Chrome 49 gli sviluppatori di Mountain View hanno messo recentemente a disposizione il pieno supporto per le variabili CSS; si tratta di una feature attesa da tempo, in particolare per le sue rilevanti implicazioni sul lavoro dei coders ai quali forniscono un strumento che consente di massimizzare la produttività delle sessioni di lavoro, sia in fase di realizzazione di un progetto che nei non di rado frequenti interventi per l'aggiornamento e la manutenzione. (more...)

Continua a leggere Variabili CSS: cosa sono e quali browser le supportano

Categoria: Web Standards

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: ,

Alex McPherson, Engineering Lead presso Quick Left, ha recentemente svolto una rilevazione volta ad analizzare le tendenze riguardanti l'utilizzo di CSS nel corso dell'anno appena passato; tale ricerca sarebbe stata condotta coinvolgendo circa 10 mila siti Web tra cui i primi mille presenti nella lista di Alexa più una raccolta di altri domini selezionati sulla base di un criterio pseudo-casuale. (more...)

Continua a leggere CSS: un’analisi del suo utilizzo nel 2014

Categoria: Web Design

Script Injector è un'estensione per Google Chrome che permette di iniettare script CSS e JavaScript all'interno del tag head di qualsiasi pagina Web. (more...)

Continua a leggere Script Injector: estensione Chrome per inserire script CSS e JS

Categoria: Scripting

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:

La nuova versione di prova del browser di Mountain View, Google Chrome 36 Beta, include alcune interessanti novità dedicate in particolare agli sviluppatori che dovrebbero andare a completare il lavoro svolto durante l'implementazione della release 35, rilascio che aveva costretto gli uomini di Big G a rinunciare a parte delle feature inizialmente promesse. (more...)

Continua a leggere Chrome 36 Beta con element.animate e nuove features per gli sviluppatori

Categoria: Software e Servizi

UnCSS è uno strumento utilizzabile liberamente e messo a disposizione degli sviluppatori sotto licenza MIT che permette di scovare e rimuovere regole CSS inutilizzate dai fogli di stile; si tratta di una soluzione particolarmente comoda da adottare in quanto essa è in grado di operare su più file e può essere impiegata anche per il CSS associato alle pagine Web attraverso JavaScript Injection. (more...)

Continua a leggere UnCSS per rimuovere CSS inutilizzato

Categoria: Software e Servizi

Tags: , ,