Diseño de 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. Los paneles de edición de PhotoShop son todo el material con todo lo que necesita para crear diseños personalizados.
Y ahora, hay un editor de aplicaciones web gratuito, llamado LayerStyles, que imita el editor de capas de Photoshop directamente en su navegador. Le permite generar dinámicamente código CSS como si estuviera trabajando en Photoshop.
Si visitas la página del generador, puedes jugar con ella para ver cómo funciona.La ventana viene con cinco paneles de estilo diferentes que imitan a Photoshop. Siguen la misma configuración y se actualizan inmediatamente con un cuadro de demostración en la página.
Estos son los paneles que puede elegir:
- Sombra
- Sombra interior
- Fondo
- Frontera
- Radio de la frontera
Todos imitan la GUI 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 como "Código CSS" para obtener su fragmento . Viene con todas las propiedades de CSS3 para todo lo que ha seleccionado.
Y lo mejor de todo, este proyecto es completamente de código abierto y gratuito en GitHub si desea descargar una copia local. Esto no solo puede ser divertido para generar CSS, sino que también es una excelente forma de aprender cómo crear una aplicación web .
El sitio usa muchas bibliotecas de JavaScript, junto con los complementos jQuery . Fue construido por el desarrollador Felix Niklas, quien hizo esto como un proyecto paralelo.
Puedes encontrar muchos generadores de código en otros lugares, pero este es verdaderamente único. También es la aplicación web más divertida y tal vez la más genial que he visto hasta ahora este año.
Eche un vistazo a LayerStyles y vea lo que piensa. Puede jugar con una versión en vivo en la página de demostración y encontrar todo el código fuente disponible de forma gratuita en GitHub.O bien, si desea difundir gracias al creador puede twittear sus admiraciones @mrflix.
3 errores comunes en la escritura y cómo puede evitar hacerlos
Encontrar la propia voz en la escritura de contenido independiente a menudo implica sacrificar la estructura de la oración perfecta. Es triste pero cierto Sin embargo, esto no significa que cada oración en un artículo o publicación de blog debe ser incorrecta.La licencia y el estilo creativo dictan que escribamos en un formato a veces menos que perfecto pero completamente comprensible para llegar a la audiencia objetivo, una audiencia que puede no tener una comprensión perfecta del idioma inglés (pero, francamente, ¿quién lo hace?).Es el
Por qué necesita Code Sniffers para desarrollo web
La optimización de código es comparable a la fase de edición de una escritura. Es posible que primero necesite obtener sus ideas en el código, pero su código debe optimizarse con herramientas como rastreadores de código para producir el mejor producto posible.El sniffing de código es un término que describe el código de verificación para verificar el cumplimiento de las normas regulatorias . Estas re