Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!




Comprimere CSS

min-css-link

Compressione CSS per ottimizzare gli intervalli di caricamento

Ottimmo strumento per comprimere il 'CSS' in 'min.CSS' ;-)
Grazie a questo tool puoi ottimizzare il contenuto dei tuoi fogli di stile (CSS) migliorando i tempi di caricamento del tuo sito web.
Attraverso questo strumento on-line potrai generare automaticamente la versione minimzzata dei tuoi file .CSS (min.css)

Link:
tools.w3clubs
toolset.mrwebmaster

Meta Tag Open Graph di Facebook

undefined

ll protocollo open graph (ogp.me)

ll protocollo open graph (i dettagli su ogp.me) trasforma qualsiasi pagina web in un oggetto del grafico sociale, con delle informazioni che lo caratterizzano e che permettono a siti come Facebook di personalizzarne la sua visualizzazione quando, ad esempio, viene diffuso sul sito.

Attraverso la configurazione dei “nodi” dell’open graph è possibile ad esempio dire a Facebook qual è il titolo di una pagina web, qual è la descrizione, l’immagine da associare alla pagina, il tipo di contenuto visualizzato, ecc.


<meta property="og:title" content="Open Graph Protocol, Facebook" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.dominio-articolo.com"/>
<meta property="og:image" content="http://www.dominio-articolo.com/miaimmagine.jpg"/>
<meta property="og:site_name" content="Nome del mio Articolo"/>
<meta property="fb:admins" content="5555003294536287"/>
<meta property="fb:app_id" content="966242223397117"/>
<meta property="og:description" content="Descrizione dell'articolo in tutte le sue parti"/>

è molto importante definire fb:admins con il propio Facebook admins, ma per far funzionare corretamentela vostra visualizzazione dovete impostare anche fb:app_id inserendo 966242223397117 codice di defaul se non ne avete creato uno, in fine per testare tutto fate riferimento a questo link:

https://developers.facebook.com/tools/debug/

Salva

novità dall'HTML5 rispetto all'HTML4

HTML5 vs HTML4

Le novità introdotte dall'HTML5 rispetto all'HTML4 sono finalizzate soprattutto a migliorare il disaccoppiamento fra struttura, definita dal markup, caratteristiche di resa (tipo di carattere, colori, eccetera), definite dalle direttive di stile, e contenuti di una pagina web, definiti dal testo vero e proprio. Inoltre l'HTML5 prevede il supporto per la memorizzazione locale di grosse quantità di dati scaricati dal web browser, per consentire l'utilizzo di applicazioni basate su web (come per esempio le caselle di posta di Google o altri servizi analoghi) anche in assenza di collegamento a Internet.

In particolare:

vengono rese più stringenti le regole per la strutturazione del testo in capitoli, paragrafi e sezioni;
vengono introdotti elementi di controllo per i menu di navigazione;
vengono migliorati ed estesi gli elementi di controllo per i moduli elettronici;
vengono introdotti elementi specifici per il controllo di contenuti multimediali (tag <video> e <audio>);
vengono deprecati o eliminati alcuni elementi che hanno dimostrato scarso o nessun utilizzo effettivo;
vengono estesi a tutti i tag una serie di attributi, specialmente quelli finalizzati all'accessibilità, finora previsti solo per alcuni tag;
viene supportato Canvas che permette di utilizzare JavaScript per creare animazioni e grafica bitmap;
introduzione della geolocalizzazione, dovuta ad una forte espansione di sistemi operativi mobili (quali Android e iOS, tra i più diffusi);
sistema alternativo ai normali cookie, chiamato Web Storage, più efficiente, il quale consente un notevole risparmio di banda;
standardizzazione di programmi JavaScript, chiamati Web Workers e possibilità di utilizzare alcuni siti offline;
sostituzione del lungo e complesso doctype, con un semplice <!DOCTYPE html>.

Discussioni più recenti → Home ← Discussioni più vecchie