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


Edite sus diseños de CSS en el navegador con CSS George

¿Alguna vez has querido realizar ediciones directas en tu navegador sin volver a cambiar a tus archivos CSS? Una solución es Chrome Developer Tools, pero algunos desarrolladores prefieren un flujo de trabajo más simple .

Ahí es donde entra en juego George George . Esta herramienta gratuita de edición en el navegador funciona sobre LESS y se inicia con un simple archivo de JavaScript .

La mayoría de los desarrolladores prefieren un editor basado en navegador ya que no todos usan el precompilador LESS. Pero CSS George se ejecuta en un entorno LESS que se puede instalar rápidamente a través de npm .

Si tiene npm instalado, puede ejecutar este código simple para agregar los archivos fuente a su proyecto actual:

 npm install --save-dev css-george 

O puede extraer el archivo George.js de GitHub donde está alojado junto con todos los demás archivos fuente. El proyecto completo es de código abierto y gratuito, por lo que puede descargar una copia completa de GitHub si no desea utilizar npm.

Con el archivo .js agregado al encabezado de su sitio, puede comenzar a ejecutar las funciones de George directamente desde el navegador. Para abrir la ventana del editor, haga clic en la tecla tilde a la que se puede acceder desde Shift + `ubicado en la esquina superior izquierda de la mayoría de los teclados. Debe aparecer una nueva ventana que se parece a esto:

Desde esta pantalla, puede editar las variables LESS utilizadas para todo, desde colores hasta tamaños de fuente o familias de fuentes.

Aquí es donde el complemento LESS se convierte en una necesidad porque tienes que decirle a CSS George qué variables incluir . Una vez que están configurados, puede simplemente abrir el editor del navegador CSS George e ir a la ciudad.

Espero que sea obvio que esta herramienta no debería incluirse en el tiempo de ejecución . A menos que desee específicamente que los visitantes editen el color y el estilo de la página, lo que generalmente no es una buena idea. Pero para las pruebas locales, CSS George es una herramienta excepcional que ofrece utilidad para todos los desarrolladores frontend.

Puede verlo en vivo en la página de demostración de CSS de George, o descargar una copia completa a través de npm o del repositorio de GitHub.

Diseños de paquetes creativos para botellas y frascos que debe ver

Diseños de paquetes creativos para botellas y frascos que debe ver

El objetivo de cualquier diseño de paquete es ser único y diferenciarse de la competencia. Una botella o jarra puede ser algo así como un lienzo en blanco para diseñadores de paquetes creativos . Es un espacio para el arte y la comunicación con los clientes que se puede utilizar para contar la historia de una marca. Hay

(Consejos de tecnología y diseño)

15 juegos divertidos para el diseñador aburrido

15 juegos divertidos para el diseñador aburrido

¿Le resulta difícil encontrar una excusa para tomarse un descanso de sus deberes de diseño? Si es así, estos juegos de diseño diabólicamente adictivos son para ti. Cada uno es ideal para jugar durante su pausa para el café, sin importar cuán corto sea. Y si alguien pregunta, puede decirles que estos juegos ayudan a perfeccionar sus instintos de diseño y agudizar sus habilidades . Seriame

(Consejos de tecnología y diseño)