CSS Peeper è un'estensione per il browser Web Google Chrome dedicata all'ispezione degli stili CSS, si tratta in sostanza di uno strumento utilizzabile da sviluppatori e Web designer che consente di analizzare elementi, o sezioni, di una pagina Internet, in modo da recuperare informazioni e caratteristiche da utilizzare per definire gli style sheet dei propri progetti. (more...)

Continua a leggere CSS Peeper: CSS viewer per Web designer

Categoria: Web Design

Tags:

Chi sviluppa siti web, così come Web app, potrà trovare utili, magari per una modifica al volo, i 5 Code Editor Online di cui parleremo oggi in questo post. Si tratta di strumenti presenti sul Cloud interamente dedicati ai developer. Ovviamente essi possiedono tutti gli strumenti essenziali per lo sviluppo e, per alcune operazioni, possono anche sostituire in tutto o in parte le applicazioni native e le IDE più diffuse. (more...)

Continua a leggere 5 Code Editor online per Web developer

Categoria: Software e Servizi

Tags: , ,

Disponibile sotto forma di soluzione unprefixed soltanto da poco tempo, il layout model CSS Grid è stato considerato sin da subito un'alternativa più completa al modello basato sul Flexible Box Layout). Ma le sue caratteristiche sono sufficienti a renderlo un preferibile rispetto a Flexbox? (more...)

Continua a leggere CSS Grid Vs. Flexbox

Categoria: Web Standards

Tags: , ,

Le Custom Properties, più estesamente "CSS Custom Properties for Cascading Variables Module", ci permettono di introdurre variabili nelle dichiarazioni CSS. Come le Feature Queries (istruzioni condizionali nei CSS) si tratta di un costrutto che avvicina la sintassi dei fogli di stile a quella dei maggiori preprocessori. (more...)

Continua a leggere Custom Properties: utilizzare le variabili in CSS

Categoria: Web Standards

Tags:

Benché le Feature Queries siano una delle più interessanti funzionalità di CSS3, il loro supporto da parte di quasi tutti i browser Web più diffusi è divenuto disponibile soltanto di recente; all'appello mancano tutte le versioni di Internet Explorer ancora in uso, compresa la 11, ma per il resto la compatibilità cross-browser è ampiamente garantita. Nello specifico, le Feature Queries ci consentono di utilizzare le istruzioni condizionali all'interno delle regole di stile. (more...)

Continua a leggere Feature Queries: istruzioni condizionali in CSS

Categoria: Web Standards

Con l'affermarsi di soluzioni quali React, una delle librerie più diffuse per l'implementazione di interfacce utente, è stata in parte superata una metodologia che prevedeva la separazione netta tra presentazione (HTML) e componenti funzionali (JavaScript); ora dopo l'injection del markup negli script tramite JSX, potrebbe essere utile valutare la possibilità di un utilizzo più diffuso di CSS, e quindi della componente più attinente alla formattazione, in JavaScript. (more...)

Continua a leggere CSS injection in JavaScript, vantaggi e svantaggi

Categoria: Web Standards

Tags: ,

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

PerfTool è un package npm per la visualizzazione di statistiche sulle prestazioni di un sito Web; tra i dati proposti da questo strumento vi sono anche i risultati delle analisi sulle performance operate da Google PageSpeed Insight, le misurazioni riguardanti le risorse utilizzate in fase di produzione, i suggerimenti su come risolvere le problematiche che influenzano negativamente le prestazioni e le segnalazioni di errori HTML. (more...)

Continua a leggere PerfTool per misurare le performance di un sito Web

Categoria: Software e Servizi

stylelint è un CSS linter, cioè uno strumento che potrà essere utilizzato per analizzare il codice dei nostri fogli di stile verificandone la correttezza. Sostanzialmente esso si basa su delle regole che permettono di identificare criticità nella stilizzazione, problematiche legate alla manutenibilità del sorgente e veri e propri errori sintattici. Quando una porzione di codice non soddisfa una di queste regole lo sviluppatore ne verrà informato tramite un apposito report. (more...)

Continua a leggere stylelint: a caccia di errori CSS

Categoria: Scripting

Tags: ,

CSSX è un progetto nato con la particolare finalità di offrire uno strumento grazie al quale generare e applicare regole di stile CSS attraverso JavaScript. Si tratta in sostanza di una libreria client side fornita come API in grado di produrre CSS puro, o se si preferisce "vanilla CSS", tramite injection e senza determinare l'introduzione inline degli stili, in questo modo si potrà garantire la massima pulizia del markup. (more...)

Continua a leggere CSSX: CSS in JavaScript

Categoria: Web Design

Tags: ,