20 CSS PER I NOSTRI SITI

P.Y.G.

20 CSS PER I NOSTRI SITI

FONTE: http://webdesignledger.com/

L'industria del design è probabilmente uno dei più rapida evoluzione e in crescita. I progettisti devono tenere gli occhi su tutto, anche le nuove tendenze del visual design, così come le tecnologie di interazione come jQuery, HTML5 e CSS3. I progettisti utilizzano queste tecnologie per esprimere una maggiore creatività nella progettazione, produzione e rendere l'esperienza utente più ricca.

Vorrei condividere con voi alcune incredibili  CSS3 tutorial per la creazione di vari elementi di web design e interazioni. Utilizzare questa raccolta per imparare qualcosa di nuovo ed essere pronti per il prossimo futuro del web.

Costruire rapidamente una pagina Teaser Swish con CSS3

In questo tutorial, imparerete come creare una pagina SUBMIT usando solo CSS, senza immagini o file di Photoshop. Usalo per qualsiasi applicazione o sito web che ti stai preparando a lanciare.

Come creare un menu a scomparsa CSS3 [Tutorial]

In questo breve tutorial imparerete a creare un menu a codice CSS3 puro. Risultato semplice, pulito e professionale.

Menu verticale Orman Clark navigazione: La versione CSS3

Seguendo questo tutorial imparerete a ricreare menu di navigazione verticale Orman Clark con CSS3 e jQuery mentre si utilizza la minima quantità di immagini possibili.

Fisarmonica con CSS3

In questo tutorial vedrete come creare una fisarmonica che animera' le aree di contenuto in apertura e chiusura tramite gli ingressi nascosti ed  etichette.

Tutorial: Pulsante CTA senza immagini con CSS3 e Entypo

In questo tutorial imparerete a creare il pulsante utilizzando il 100% CSS e Entypo . Pulsanti senza immagini sono più flessibili, richiedono minore quantità di dati da scaricare e possono essere facilmente modificati e aggiornati.

Creare l'illusione di elementi sovrapposti con CSS3 pseudo-elementi

In questo tutorial Tom Kenny vi guiderà nel creare l'illusione di elementi impilati con CSS3 .

Pure CSS3 Menu LavaLamp

Un altro tutorial per la creazione di un menu pulito e semplice. Ulteriori informazioni su come creare un effetto LavaLamp utilizzando solo le transizioni CSS3.

CSS3 modulo di iscrizione

In questo articolo troverete il modo di progettare un modulo di iscrizione con una grafica pulita e attraente in  CSS3 .

Timeline Portfolio

In questo tutoriail vedrete come creare un portfolio in jquery basato sull'idea della  timeline e con  CSS3.

Apple-like Login Form con i CSS 3D Transforms

In questo tutorial vedrete come è possibile utilizzare le trasformazioni CSS3 per creare un effetto capovolgimento ispirato ad Apple.

Come creare un Image Slider con jQuery e CSS3 [Tutorial]

In questo tutorial imparerete a creare un cursore con "Script jQuery Slider Nivo" e CSS3.

Fare uno Showcase Impressionante per prodotti con CSS3

Incredibile esercitazione che vi mostra come vivacizzare una pagina dettaglio prodottocon qualche magia CSS3 e jQuery.

Come creare un elegante Slider con CSS3 [Tutorial]

In questo tutorial vedrete come creare un ambiente pulito e bello in CSS3 .

CSS3 Tabella Prezzi

Questo tutorial è costituito da un insieme di nuove funzionalità CSS3, tra cui: trasformazioni, gradienti, ombre e nth-child.

CSS3 Breadcrumbs

Catalin Rosu vi mostrerà come creare il proprio CSS3 breadcrumbs in modo da aumentare l'usabilità del sito web.

Tabs di contenuti animati con CSS3

In questo tutorial si sta per attuare alcune semplici schede contenuto con CSS3 utilizzando i pulsanti di opzione insieme ai controller: checked pseudo-class and sibling combinators.

Responsive layout orizzontale

In questo tutorial scoprirete come creare un layout orizzontale con pannelli contenuto diversi.

Login e modulo di registrazione con HTML5 e CSS3

In questo tutorial si sta per creare due form in HTML5, che passerà tra il login e registrazione utilizzando la classe CSS3 pseudo: target.

Contenuto Navigator Responsive con CSS3

In questo tutorial Mary Lou vi mostrerà come creare un menu  contenuti con solo codice CSS

Come creare un calendario utilizzando jQuery e CSS3 [Tutorial]

In questo tutorial imparerete a creare un calendario CSS3 con jQuery e jQuery UI.