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


Automatice su proceso de diseño de cuadrícula con GridGuide

El primer paso importante de cualquier diseño de sitio web es elegir una grilla. Esto generalmente define el ancho máximo de la página junto con la cantidad de columnas internas y canales que se utilizarán para dividir el diseño.

Puede intentar construir el suyo propio, pero la mejor herramienta para este trabajo es GridGuide. Es una aplicación web completamente gratuita que automatiza por completo la generación de la red para cualquier sitio web, independientemente del tamaño .

Simplemente ingrese su ancho máximo deseado seguido de la cantidad de columnas que desee. Normalmente, estos dos números deben ser divisibles, por lo que es una buena idea evitar los números primos. Estos son algunos anchos máximos comunes para sitios web:

  • 1100px por 12 columnas
  • 1200px por 8/12 columnas
  • 1240 px por 8/12 columnas
  • 1440px por 8/10/12 columnas
  • 1600px por 8/10/12 columnas

No hay absolutamente ninguna respuesta incorrecta aquí. Puedes elegir cualquier ancho y siempre y cuando sea divisible por el número de columnas, entonces estás listo para comenzar.

GridGuide es una aplicación web rápida, por lo que se actualiza automáticamente una vez que ingresa un valor en el campo de entrada. A medida que ajuste los números en la parte superior, notará que las vistas previas de la cuadrícula cambian automáticamente .

Solía ​​confiar en Photoshop para este trabajo y me volvía loco. La creación honesta de una cuadrícula es uno de los pasos más frustrantes al diseñar un nuevo sitio web, y obtener los números perfectos como píxel puede ser exasperante.

Pero GridGuide está completamente automatizado y le ofrece diferentes opciones de grillas basadas en diferentes tamaños de columnas y anchos de canal.

Incluso puede descargar una imagen PNG completa de la cuadrícula que elija importar a Photoshop . Esto ahorrará mucho tiempo, por lo que no volverá a crear cuadrículas con herramientas de forma desde cero.

Y si le gusta un cierto estilo de cuadrícula, puede generar un enlace compartido para marcar para más tarde o para compartir con otros en la web.

Para una herramienta que es completamente gratuita y fácil de usar, esta debe ser mi principal recomendación para cada diseñador web. Si tiene problemas con las grillas y odia diseñar su propio GridGuide es un recurso imprescindible en su caja de herramientas.

Visor - Complemento de zoom de imagen simple para Vanilla JS y jQuery

Visor - Complemento de zoom de imagen simple para Vanilla JS y jQuery

Puede hacer una búsqueda rápida y encontrar docenas de bibliotecas para cajas de luz de imágenes, presentaciones de diapositivas, galerías, lo que quiera.Una de las bibliotecas más nuevas que me llamó la atención es Viewer. Actualmente en la versión 0.6, todavía es un proyecto en desarrollo, pero el diseño y las características de este plugin de imagen son fenomenales.Desde la p

(Consejos de tecnología y diseño)

Accesos directos seleccionables están llegando a Google

Accesos directos seleccionables están llegando a Google

Buscar información con Google está a punto de simplificarse ya que la compañía introducirá accesos directos tocables tanto en la aplicación de Google como en la versión web móvil del motor de búsqueda.Una vez que se haya actualizado la aplicación Google, los usuarios de la aplicación Google podrán ver una serie de atajos justo debajo del cuadro de búsqueda . Al tocar la

(Consejos de tecnología y diseño)