it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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. I pannelli di editing di PhotoShop sono l'intero strumento con tutto il necessario per creare design personalizzati.

E ora, c'è un editor di app web gratuito, chiamato LayerStyles, che imita l'editor di livelli di Photoshop direttamente nel browser. Ti consente di generare dinamicamente il codice CSS come se lavorassi in Photoshop.

Se visiti la pagina del costruttore puoi armeggiare con essa per vedere come funziona.

La finestra viene fornita con cinque diversi pannelli di stile che imitano tutti Photoshop. Seguono le stesse impostazioni e si aggiornano immediatamente con una casella demo sulla pagina.

Questi sono i pannelli tra cui puoi scegliere:

  1. Ombra esterna
  2. Ombra interiore
  3. sfondo
  4. Confine
  5. Raggio di confine

Tutti imitano la GUI di Adobe che rende questo strumento così divertente per i designer. Ottieni anche il codice CSS completo, generato gratuitamente.

Basta fare clic sulla casella in basso a sinistra con l'etichetta "Codice CSS" per ottenere lo 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 questo può essere divertente per generare CSS, ma è anche un ottimo modo per imparare a costruire un'app web .

Il sito utilizza molte librerie JavaScript, insieme ai plugin jQuery . È stato realizzato dallo sviluppatore Felix Niklas che lo ha realizzato come progetto parallelo.

Puoi trovare molti generatori di codici altrove, ma questo è davvero 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 una versione live sulla pagina demo e trovare gratuitamente tutto il codice sorgente disponibile su GitHub.

Oppure, se vuoi diffondere grazie al creatore puoi twittare le tue ammirazioni @mrflix.

Come utilizzare la modalità di fusione CSS3 [Suggerimenti CSS3]

Come utilizzare la modalità di fusione CSS3 [Suggerimenti CSS3]

Nota: questa funzione richiede l'attivazione dalla pagina delle flag chrome: // affinché funzioni.Se hai mai utilizzato un editor di immagini o grafica come Photoshop e Pixelmator, dovresti già avere familiarità con le modalità di fusione. Le modalità di fusione sono una raccolta di modalità che consente a un oggetto di fondersi con altri oggetti e quindi di produrre output contrastanti del mix . Se e

(Consigli tecnici e di design)

20 ebook gratuiti per i social media marketer

20 ebook gratuiti per i social media marketer

Il social media marketing sta guadagnando il suo posto come una delle professioni più richieste nel mondo online. Sebbene chiunque abbia una presa su come funzionano i social media può iniziare a commercializzare un marchio su queste reti . Tuttavia, ci sono un sacco di materiale informativo sull'argomento, inclusi i foglietti per i bambini e gli inforgraphics, ma il materiale più utile e completo di questo materiale sono gli ebook .Qu

(Consigli tecnici e di design)