Uno dei maggiori problemi con tutte le nuove proprietà CSS3 è che la maggior parte di essi ha implementazioni specifiche per browser. Questo significa che quando vuoi un'ombra semplice, devi ricordare un bel po 'di codice per renderlo compatibile su quanti più browser possibile.
Per aiutarti in questo compito, un gruppo di intrepidi programmatori ha creato strumenti interattivi gratuiti che forniscono semplici interfacce utente che sputano tutto il codice necessario con un risultato finale completamente personalizzabile. Sotto troverai più di venti di questi generatori CSS3.
Generatore CSS3
Sicuramente una delle opzioni più popolari. Tutti gli effetti sono completamente personalizzabili e puoi scegliere tra tutte le popolari proprietà CSS3.
CSS3 per favore
Un'altra opzione molto popolare, questa ti permette di modificare il codice proprio come lo vedresti in un editor di codice. Le modifiche si riflettono su un grafico in alto a destra.
Grafico Clic CSS3 da Web impressionanti
Non molto personalizzabile (basta cliccare per vedere il codice) ma probabilmente il più completo nella lista per quanto riguarda il numero di effetti coperti.
CSS-Tricks Button Maker
Un eccellente piccolo produttore di bottoni di Internet, Chris Coyier. Basta usare i cursori per modificare le proprietà.
Raggio di confine
Una delle opzioni più eleganti per impostare un raggio di confine. Basta digitare un solo numero e fa il resto.
Font Squirrel @ Font-Face Kit Generator
Questo è di gran lunga il mio strumento preferito sulla lista. Carica un font e questo sputerà tutto il necessario per incorporarlo in un sito Web che include HTML, CSS e più formati di file di font. Sicuramente vorrai segnalarlo questo!
Westciv
Westciv ha un numero di utili generatori CSS3 che sono entrambi gratuiti e facili da usare. Controllali qui sotto.
- Gradienti CSS3
- CSS3 Text Shadows
- Trasformazioni CSS3
- Tratto di testo CSS3
- Gradienti radiali CSS3
- CSS3 Box Shadows
CSS3 Gradient Generator
Utilizza alcuni semplici elenchi a discesa e un cursore aiuta a creare sfumature complesse.
Widgetpad CSS3 Generator
Un altro con diverse proprietà ed effetti tra cui scegliere.
Immagine di confine
Border-image è una nuova funzionalità CSS3 piuttosto complicata. Scopri come funziona tutto usando questo strumento.
Generatore di icone a secco
Un fantastico generatore di pulsanti con un sacco di opzioni.
Angoli CSS
Questo attualmente gestisce gradienti e angoli arrotondati e promette più opzioni in arrivo.
CSS3 Maker
Super slick e facile da usare, questo gestisce un bel po 'di trucchi CSS.
CSS3 Cornered Corner Generator
Ancora un altro generatore di angoli arrotondato di base.
Generatore di menu CSS3
Questa è in realtà un'applicazione scaricabile completa per la creazione di menu CSS3 complessi con angoli arrotondati, gradienti e altro.
Generatore di colonne CSS3
Uno dei pochi generatori di colonne che ho potuto trovare (CSS3 Generator fa anche colonne). Questo non è in inglese, ma è ancora abbastanza facile da capire e il codice che sputa è ovviamente completamente leggibile.
Generatore di gradazioni CSS3 a 3 colori rapido
Un ultimo generatore di gradienti CSS, nel caso in cui i 10 o così sopra non soddisfino il tuo desiderio di gradiente.
Conclusione
Spero che gli strumenti sopra riportati ti aiutino a imparare a diventare un maestro CSS3. Per ancora più qualità CSS3 controlla CSS-Infos e CSS3 Pie. CSS-Infos è un enorme elenco di proprietà CSS insieme a ciò che i browser supportano e CSS3 Pie è una risorsa per far sì che il buon vecchio IE visualizzi correttamente il CSS3.
Lascia un commento qui sotto e facci sapere quali sono i tuoi generatori CSS preferiti e se ne abbiamo lasciati.