Sintesi-Design.it

Velocity js: accelerare le animazioni

Velocity.js è una piccola libreria javascript (solo 9k) che ridefinisce la funzione animate() di jQuery in modo da migliorare la fluidità dell’animazione e l’efficienza del browser, soprattutto nei dispositivi mobili.

Velocity può essere utilizzata però anche senza jQuery all’interno di istruzioni javascript.

Continua a leggere…

Plugin Performance Profiler

Plugin Performance Profiler (P3) mostra il tempo di caricamento dei plugin installati, l’incidenza dei plugin sul tempo di caricamento totale del sito e le query eseguite da wordpress.

I plugin aggiungono delle funzionalità molto utili ma possono rendere il sito lento da caricare con conseguenze negative sia per i visitatori sia per i motori di ricerca.

Plugin Performance Profiler consente di analizzare le prestazioni dei plugin installati.

Continua a leggere…

Filter: i filtri css per le immagini

Filter è una proprietà css che consente di applicare effetti visuali a un’immagine. Con i filtri css si può modificare la luminosità, il colore, il contrasto o applicare alcuni effetti molto comuni come l’effetto seppia o la sfocatura.

I filtri css non sono ancora uno standard del W3C (il documento in cui sono definiti è ancora allo stato di bozza di lavoro) ma i browser basati su webkit (anche nelle versioni mobile) li supportano già da alcune versioni.

Continua a leggere…

Super post: i post più popolari, i più letti …

Super post consente di visualizzare i post più popolari, i più recenti, i post correlati e così via. I post possono essere visualizzati mediante un widget o attraverso uno short code.

Continua a leggere…

Le estensioni di Chrome per lo sviluppo web

Le estensioni di chrome possono aiutare lo sviluppatore nell’analisi di un sito web esistente o durante lo sviluppo e il debug di un nuovo sito web.

Continua a leggere…

Gli strumenti di sviluppo del browser

Gli strumenti di sviluppo del browser consentono di velocizzare lo sviluppo, il test e il debug delle pagine web. Sono disponibili nei browser più diffusi anche se con funzionalità diverse.

Continua a leggere…

Le media queries

Le media queries consentono di adattare un documento al dispositivo in cui viene visualizzato.

Con le media queries si può modificare le dimensioni degli elementi, la loro visibilità e posizione in base, ad esempio, alle dimensioni della finestra in cui sono visualizzati.

Continua a leggere…

Pseudo-elementi ::before e ::after

Gli pseudo-elementi sono stati introdotti fin dai CSS2 ma solo con i moderni browser si è iniziato a usare ::before e ::after non solo per impostare gli apici nelle citazioni ma anche per creare semplici tooltip, visualizzare informazioni sui link o nelle didascalie delle immagini.

Continua a leggere…

I selettori di attributo

I selettori di attributo selezionano un elemento html in base alla presenza di un attributo o in base al valore in esso contenuto.

Attraverso questi selettori è possibile selezionare un elemento senza dover aggiungere un attributo id o class ma utilizzando un qualsiasi attributo già presente nell’elemento come title o href.

Continua a leggere…

Prefix free: fare a meno dei prefissi css

Prefix free è una libreria javascript che aggiunge automaticamente i prefissi alle proprietà css che lo richiedono senza che lo faccia lo sviluppatore.

Prefix free è supportata da IE 9+, Opera 10+ (anche nella versione mobile), Firefox 3.5, Safari 4+ (anche nella versione mobile), Chrome (anche nella versione mobile) e Android browser.

Continua a leggere…

I fogli di stile di reset

I fogli di stile di reset (css reset stylesheet) sono utilizzati per uniformare la visualizzazione di una pagina web in modo da ottenere lo stesso risultato in tutti i browser.

Continua a leggere…

I commenti condizionali

Le versioni meno recenti di Internet Explorer non supportano in modo corretto alcune proprietà e funzioni introdotte dai CSS3.

Se si vuole garantire a tutti gli utenti la piena fruibilità dei contenuti e, al tempo stesso, utilizzare queste nuove tecniche si può predisporre una tecnica di ripiego (fall back) che consenta comunque di visualizzare il contenuto anche in questi browser.

Continua a leggere…