Concevez des CSS avec cet éditeur d'applications Web de style Adobe

Les logiciels Adobe sont mondialement reconnus par les concepteurs de tous âges, mais pas plus que Photoshop.. Panneaux d'édition de Photoshop sont le shebang entier avec tout ce dont vous avez besoin pour construire des conceptions personnalisées.

Et maintenant, il y a un libre éditeur d'applications web, appelé LayerStyles, qui imite l’éditeur de calques Photoshop directement dans votre navigateur. Ça vous permet générer dynamiquement du code CSS comme si vous travailliez dans Photoshop.

Si vous visitez le page constructeur vous pouvez bricoler pour voir comment cela fonctionne.

La fenêtre est livré avec cinq panneaux de style différents que tous imitent Photoshop. Ils suivent les mêmes paramètres et ils mettre à jour immédiatement avec un cadre de démonstration sur la page.

Voici les panneaux que vous pouvez choisir:

Ombre portée
Ombre intérieure
Contexte
Frontière
Rayon de la frontière

Ils imitent tous l'interface graphique d'Adobe, ce qui rend cet outil si amusant pour les concepteurs. Vous obtenez aussi le code CSS complet, généré gratuitement.

Cliquez simplement sur la case située dans le coin inférieur gauche “Code CSS” à obtenir votre extrait. Il est livré avec toutes les propriétés CSS3 pour tout ce que vous avez sélectionné.

Et le meilleur de tous, ce projet est complètement open source et gratuit sur GitHub si vous souhaitez télécharger une copie locale. Non seulement cela peut être amusant pour générer du CSS, mais c'est aussi un excellent moyen d'apprendre comment construire une application web.

Le site utilise un lot de Bibliothèques JavaScript, de même que plugins jQuery. Il a été construit par le développeur Felix Niklas qui en a fait un projet parallèle.

Tu peux trouver beaucoup de générateurs de code ailleurs mais celui-ci est vraiment unique. C'est également l'application Web la plus amusante et peut-être la plus cool que j'ai vue jusqu'à présent cette année..

Jetez un coup d'œil à LayerStyles et voyez ce que vous en pensez. Vous pouvez bricoler avec un version live sur la page de démonstration et trouvez tout le code source disponible gratuitement sur GitHub.

Ou, si vous voulez diffuser grâce au créateur, vous pouvez tweeter vos admirations @mrflix.