Progetta CSS con questo editor di app Web in stile Adobe
Il software Adobe è conosciuto in tutto il mondo da designer di tutte le età, ma nessuno più di Photoshop. Pannelli di modifica di PhotoShop sono l'intero shebang con tutto il necessario per costruire disegni personalizzati.
E ora, c'è un libero editor di app web, chiamato LayerStyles, che imita l'editor di livelli di Photoshop direttamente nel browser. Ti lascia generare dinamicamente il codice CSS come se lavorassi in Photoshop.
Se visiti il pagina del costruttore puoi armeggiare con esso per vedere come funziona.
La finestra viene con cinque diversi pannelli di stile che tutti imitano Photoshop. Seguono le stesse impostazioni e loro aggiornare immediatamente con una casella demo sulla pagina.
Questi sono i pannelli che puoi scegliere tra:
- Ombra esterna
- Ombra interiore
- sfondo
- Confine
- Raggio di confine
Tutti imitano la GUI di Adobe che rende questo strumento così divertente per i designer. Hai anche il codice CSS completo, generato gratuitamente.
Basta cliccare sulla casella in basso a sinistra etichettata “Codice CSS” a prendi il tuo snippet. Viene fornito con tutte le proprietà CSS3 per tutto ciò che hai selezionato.
E il migliore di tutti, questo progetto è completamente open source e gratuito su GitHub se vuoi scaricare una copia locale. Non solo può essere divertente per generare CSS, ma è anche un ottimo modo per imparare come costruire un'app Web.
Il sito utilizza a lotto di Librerie JavaScript, insieme a plugin jQuery. È stato realizzato dallo sviluppatore Felix Niklas che lo ha realizzato come progetto parallelo.
Potete trovare un sacco di generatori di codice altrove ma questo è veramente unico. È anche l'applicazione web più divertente e forse la più bella che abbia visto finora quest'anno.
Dai uno sguardo a LayerStyles e guarda cosa ne pensi. Puoi armeggiare con a versione live sulla pagina demo e trova tutto il codice sorgente disponibile gratuitamente su GitHub.
Oppure, se vuoi diffondere grazie al creatore puoi twittare le tue ammirazioni @mrflix.
