es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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:

  1. Sombra
  2. Sombra interior
  3. Fondo
  4. Frontera
  5. 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.

30 esculturas cinéticas hipnóticas que no puedes ignorar

30 esculturas cinéticas hipnóticas que no puedes ignorar

Has visto hermosas y elegantes pinturas en las paredes; muchos de ellos, estoy seguro. También ha visto esculturas de papel (o madera o incluso fruta) hechas por maestros artesanos. ¿Pero has visto mover obras de arte o esculturas?Se llaman esculturas cinéticas, y son lo que usted espera que sean: son obras de arte y esculturas que realmente se mueven . E

(Consejos de tecnología y diseño)

Cómo instalar Chrome en una unidad diferente en Windows

Cómo instalar Chrome en una unidad diferente en Windows

Mi PC tiene un disco duro pequeño, por lo que solo he asignado 25 GB de espacio a la unidad C (unidad del sistema) y almaceno todos mis datos en otras unidades. Todo funciona bien, excepto Chrome. En caso de que no lo sepa, Chrome no ofrece ninguna opción para instalarlo en ninguna otra unidad, excepto la unidad del sistema (es decir, la unidad C).

(Consejos de tecnología y diseño)