Design CSS cu acest Editor de aplicații Web Adobe Style

Software-ul Adobe este renumit de designeri de toate vârstele, dar nu mai mult decât Photoshop. PhotoShop panouri de editare sunt intregul shebang cu tot ce ai nevoie pentru a construi modele personalizate.

Și acum, este gratuit editorul de aplicații web, denumit LayerStyles, care imită editorul de straturi Photoshop chiar în browser. Te lasă să genereze dinamic codul CSS ca și cum ați lucra în Photoshop.

Dacă vizitați pagina constructorului poți să te dai cu ea pentru a vedea cum funcționează.

Fereastra vine cu cinci panouri de stil diferite că toate mimeze Photoshop. Ele urmează aceleași setări și aceleași actualizați imediat cu o casetă demo de pe pagină.

Acestea sunt panourile de la care puteți alege:

Umbra
Umbra interioara
fundal
Frontieră
Radiusul de graniță

Toate acestea imită Adobe GUI care face acest instrument atât de distractiv pentru designeri. De asemenea, obțineți cod complet CSS, generate gratuit.

Doar faceți clic pe caseta din colțul din stânga jos etichetate “Codul CSS” la obțineți fragmentul. Se livrează cu toate proprietățile CSS3 pentru tot ce ați selectat.

Și cel mai bun dintre toate, acest proiect este complet open source și gratuit pe GitHub dacă doriți să descărcați o copie locală. Nu numai că poate fi distractiv generând CSS, dar este, de asemenea, o modalitate foarte bună de a învăța cum să construiți o aplicație web.

Site-ul folosește a mult de Biblioteci JavaScript, impreuna cu jQuery plugins. A fost construită de dezvoltatorul Felix Niklas, care a făcut acest lucru ca un proiect lateral.

Puteți găsi o mulțime de generatoare de coduri în altă parte, dar aceasta este cu adevărat unică. Este, de asemenea, cea mai distractivă și probabil cea mai tare aplicație web pe care am văzut-o până acum în acest an.

Aruncați o privire la LayerStyles și vedeți ce credeți. Poți să te distrezi cu a versiune live pe pagina demo și găsiți tot codul sursă disponibil gratuit pe GitHub.

Sau, dacă vrei să răspândi mulțumită creatorului, poți să-ți dăruiești admirațiile @mrflix.