Concevez CSS avec cet éditeur de Web-Style Adobe
Le logiciel d'Adobe est mondialement reconnu par les designers de tous âges, mais pas plus que Photoshop. Les panneaux d'édition de PhotoShop sont tout le shebang avec tout ce dont vous avez besoin pour construire des designs personnalisés.
Et maintenant, il y a un éditeur d'application web gratuit, appelé LayerStyles, qui imite l'éditeur de calques Photoshop directement dans votre navigateur. Il vous permet de générer dynamiquement du code CSS comme si vous travailliez dans Photoshop.
Si vous visitez la page du constructeur, vous pouvez le bricoler pour voir comment cela fonctionne.La fenêtre est fournie avec cinq panneaux de style différents qui imitent Photoshop. Ils suivent les mêmes paramètres et ils mettent à jour immédiatement avec une boîte de démonstration sur la page.
Voici les panneaux que vous pouvez choisir parmi:
- Ombre portée
- Ombre intérieure
- Contexte
- Frontière
- Rayon de la frontière
Ils imitent tous l'interface graphique d'Adobe qui rend cet outil si amusant pour les concepteurs. Vous obtenez également le code CSS complet, généré gratuitement.
Cliquez simplement sur la case en bas à gauche intitulée "Code CSS" pour 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 voulez télécharger une copie locale. Non seulement cela peut être amusant pour générer des CSS, mais c'est aussi un excellent moyen d'apprendre à construire une application web .
Le site utilise beaucoup de bibliothèques JavaScript, ainsi que des plugins jQuery . Il a été construit par le développeur Felix Niklas qui a fait cela comme un projet parallèle.
Vous pouvez trouver beaucoup de générateurs de code ailleurs, mais celui-ci est vraiment unique. C'est aussi l'application web la plus amusante et peut-être la plus cool que j'ai vue jusqu'ici cette année.
Jetez un oeil à LayerStyles et voyez ce que vous en pensez. Vous pouvez bricoler avec une version en direct sur la page de démonstration et de trouver tout le code source disponible gratuitement sur GitHub.Ou, si vous voulez diffuser grâce au créateur, vous pouvez tweeter vos admirations @mrflix.
Impressionnant art de feuille par Lorenzo Manuel Durán
Lorenzo Manuel Durán est un artiste autodidacte d'Espagne qui a commencé avec des peintures à l'huile sur toile. Un jour, il a été inspiré par une chenille mangeuse de feuilles pour passer à des toiles de feuilles à la place ! Les premiers essais ont fini avec beaucoup de feuilles "blessées" qui finissent à la poubelle, mais après un certain temps, Lorenzo a pu créer des chefs d'oeuvre feuillus chirurgicaux avec juste des utilitaires dentaires, un scalpel, et ses mains (en savoir plus sur le processus utilise ici).Lorenzo a p
Créer de longues ombres avec le générateur d'ombre longue [Photoshop Plugin]
La conception à longue ombre est toujours populaire parmi les concepteurs. Auparavant, nous vous avions montré comment créer votre propre design d'ombre portée dans Photoshop en utilisant différents calques. C'est pratique, bien sûr, mais si vous êtes un passionné de Photoshop à la recherche d'un moyen plus facile d'obtenir le design de longue ombre que vous voulez, nous avons trouvé une extension Photoshop gratuite que vous pourriez utiliser.Le généra