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 effettua il link al popup è possibile definire la grandezza di esso. “#?w=500″ visualizzerà un pop-up di 500 px di larghezza.
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 le risorse è che ogni download viene fornito con il file sorgente PSD . Ecco il link
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 che va allegato nel file css come behavior. Esso aggiunge il supporto per queste funzioni: border-radius; box-shadow; border-image; multiple background images; linear-gradient as background image.
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 diverse specifiche grafiche, in quanto, i tag che mette a disposizione, possono essere personalizzati e posizionati seguendo i propri gusti.
È cross-browser e il kit comprende i layouts in file psd.
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 i browser che non supportano questa nuova specifica, adatterà il menù ad un’elencazione statica.
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 essere al passo degli standard e del pieno supporto da parte del browser scelto! (sperando in un appiattimento futuro, in modo da raggiungere uno standard comune, anche se, questo desiderio, sembra essere un’utopia!)
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, fatta attraverso la regola box-shadow, la potete osservare sotto le immagini di questo sito: Asa Distribuzione
Buon lavoro, CSS3 Please!!!
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 FancyBox per la creazione delle nuove note. Insomma, è davvero un mix di tecnologia,programmazione e grafica ad alti livelli.
Potete vedere un esempio a questa pagina, oppure, cliccate qui per il download.