Diseñe CSS con este editor de aplicaciones web de estilo Adobe
El software de Adobe es reconocido mundialmente por diseñadores de todas las edades, pero ninguno más que Photoshop. Paneles de edición de PhotoShop son todo el asunto con todo lo que necesitas para crear diseños personalizados.
Y ahora, hay una gratis. editor de aplicaciones web, llamado LayerStyles, que imita el editor de capas de Photoshop directamente en su navegador. Te deja generar dinámicamente código CSS Como si estuvieras trabajando en Photoshop..
Si visitas el página del constructor Puedes jugar con él para ver cómo funciona.
La ventana viene con cinco paneles de estilo diferente Que todos imitan a Photoshop. Siguen las mismas configuraciones y actualizar inmediatamente con un cuadro de demostración en la página.
Estos son los paneles que puedes elegir entre:
- Sombra paralela
- Sombra interior
- Fondo
- Frontera
- Radio de la frontera
Todos imitan la interfaz gráfica de usuario de Adobe, lo que hace que esta herramienta sea tan divertida para los diseñadores. También obtienes el código CSS completo, generado de forma gratuita.
Simplemente haga clic en el cuadro de la esquina inferior izquierda etiquetado “Código CSS” a consigue tu fragmento. Viene con todas las propiedades CSS3 para todo lo que has seleccionado.
Y lo mejor de todo, este proyecto es completamente. código abierto y gratis en GitHub si desea descargar una copia local. No solo puede ser divertido para generando CSS, Pero también es una gran manera de aprender. cómo construir una aplicación web.
El sitio utiliza un mucho de Bibliotecas de JavaScript, junto con plugins jQuery. Fue construido por el desarrollador Felix Niklas, quien hizo esto como un proyecto paralelo..
Puedes encontrar muchos generadores de codigo En otros lugares, pero este es verdaderamente único. También es la aplicación web más divertida y quizás la mejor que he visto hasta ahora en este año.
Echa un vistazo a LayerStyles y mira lo que piensas. Puedes jugar con un versión en vivo en la página de demostración y encontrar todo el código fuente disponible gratis en GitHub.
O, si quieres difundir gracias al creador, puedes twittear tus admiraciones @mrflix.
