Browse: Home / CSS3

Questo semplicissimo plugin jQuery consente di ancorare ad una semplicissima scritta (con tag html <a>) una finestra pop-up che fuoriesce all’utente mediante un effetto fade. Il plugin può essere interamente modificato mediante il codice in jQuery allegato e i fogli di stile CSS3. Infatti, sono compresi anche effetti come ombre e bordi arrotondati. Quando si [...]

Ho trovato questo post che è un tutorial che vi consentirà di costruire un elegante sito portafoglio di design. Seguite passo passo le indicazioni di Line25 che con HTML e CSS vi permetterà di costruire un buon sito web. Buon lavoro. Via: http://line25.com

Boxtuffs è un sito che mette regolarmente in condivisione risorse originali e gratuite create con HTML5 e CSS3, costruiti da Salvador Lopez Mendoza, talento del designer. Il sito comprende una casella di ricerca di auto-crescita, un interruttore on / off, un pulsante per il download e molto altro, ma tutti con un twist. E, una cosa importante circa [...]

PIE (Progressive Internet Explorer) è un “attached behavior file” (.htc) che abilita le proprietà del css3 anche in Internet Explorer 6,7 e 8. Non c’è quasi nessuna differenza nel codice CSS da inserire e non va specificato nessun nome antecedente alla proprietà che identifica il browser (es. webkit, moz ecc…). È semplicemente un file .htc [...]

Questo leggerissimo plugin in jQuery (5kb) abilità la funzione Transform di CSS3 anche in Internet Explorer 6 e 7. Dopo aver caricato questo script, esso abiliterà le funzioni rotate, scale (scaleX e ScaleY), skew (skewX e skewY) e matrix. Negli altri browsers non ha alcun effetto e funziona senza disturbi.

Ormai la compatibilità degli standard Internet si estende senza molti problemi a tutti i browser. Oppure, attraverso degli script, riusciamo a rendere compatibili anche quei browser che non lo sono. Premesso questo concetto di compatibilità, oggi voglio proporvi dei template completamente gratuiti e pronti da utilizzare. HTML5 Starter Kit consente di costruire un sito con [...]

jStackMenu è un widget per migliorare l’User Interface Experience: trasforma i contenuti di qualsiasi elemento (children) in un menu stack. Proprio in stile Apple. È possibile configurare le animazioni, quando e come si aprono, la direzione, la grandezza dell’arco ed il tempo che impiega ad aprirsi. Utilizza il CSS3 per la creazione dell’arco e, per [...]

FindMeByIp.com ha pubblicato un’interessantissima tabella che mostra le compatibilità, per tutte le proprietà del nuovo standard CSS3 e HTML5, dei diversi browsers in circolazione. La tabella include: proprietà CSS3, selettori CSS3, applicazioni web in HTML5 (local storage, geolocation, etc.), contenuti embedded in HTML5 (canvas, audio, video, etc.)… Quindi, non vi resta altro che controllare di [...]

Questa pagina web che vi propongo è utile a determinare i diversi prefissi, per ogni browser web, per applicare le nuove regole CSS3: border-radius, box-shadow, linear-gradients, rotation, font-face. Esempio: -moz-border-radius (per Firefox) e -webkit-border-radius (per Safari e Chrome). Ci sono anche alcuni filtri per poter adattare queste funzionalità a Internet Explorer. Un esempio di ombreggiatura, [...]

Quello che vi propongo oggi è un sistema di gestione dei post-it. Esso fornisce all’utente la possibilità di creare delle note e di vederle in anteprima sulla pagina. Dopodiché possiamo spostarle sullo schermo in qualsiasi posizione. Questo componente è completamente scritto in AJAX e PHP, con la versione 1.4 di jQuery. Inoltre, utilizza il plugin [...]