2 sitios web para crear tus propias tarjetas de visita de forma gratuita

Img

Si estáis pensando en crear vuestra propia tarjeta de visita estáis de enhorabuena, ya que en Internet encontramos varias herramientas con las que obtener resultados profesionales y de calidad. Además, se trata de plataformas con un funcionamiento extremadamente sencillo, por lo que no hay que contar con conocimientos avanzados de diseño para obtener resultados llamativos.

Continúa leyendo «2 sitios web para crear tus propias tarjetas de visita de forma gratuita»

Una web para crear animaciones en Pixel Art y exportar el resultado a CSS

Pixel Art

En Internet podemos encontrar montones de herramientas con las que crear dibujos mediante Pixel Art, una de las técnicas de arte digital más llamativas. Si estáis buscando una alternativa que os permita exportar los resultados a CSS, la herramienta de la que os hablamos a continuación os será de gran utilidad.

En general, el funcionamiento de Pixel Art to CSS es bastante intuitivo. Nada más accedemos a la URL de la web nos encontramos con la interfaz que podéis ver en la captura de pantalla que ilustra este artí­culo. Desde ahí­ podremos comenzar a diseñar nuestra animación pí­xel por pí­xel, teniendo la posibilidad de duplicar el diseño para trabajar en los cambios de una manera más rápida.

Continúa leyendo «Una web para crear animaciones en Pixel Art y exportar el resultado a CSS»

Archetype, para crear estilos de tipografí­a desde el navegador y exportarlos a CSS

Archetype

Con frecuencia os recomendamos diferentes herramientas relacionadas con el mundo del diseño y de la fotografí­a que pueden facilitar enormemente el trabajo de muchos diseñadores. Recientemente nos ha llamado la atención Archetype, una web para crear estilos de tipografí­a desde el navegador y exportarlos a CSS.

En general, el funcionamiento de la web es bastante sencillo, aunque es cierto que a primera vista pueda resultar algo complejo. El primer paso es seleccionar una fuente desde el panel de herramientas situado en la parte izquierda de la interfaz. A continuación tendremos que escoger los tamaños adecuados para los diferentes elementos de la tipografí­a. Por último, solo nos quedará ajustar el espaciado entre los elementos.

Continúa leyendo «Archetype, para crear estilos de tipografí­a desde el navegador y exportarlos a CSS»

3 herramientas para convertir imágenes en iconos

Imagen

Si estáis cansados de los iconos por defecto de las aplicaciones de vuestro ordenador y queréis cambiarlos por una imagen cualquiera, e Internet podemos encontrar montones de herramientas con las que convertir imágenes en PNG y otros formatos a ICO o ICNS, formatos especí­ficos de iconos. A continuación os dejamos con algunas de las más relevantes.

Continúa leyendo «3 herramientas para convertir imágenes en iconos»

CSSPeeper, para obtener las especificaciones de cualquier elemento CSS con un clic

CSSPeeper

Si os dedicáis al mundo del diseño web y estáis buscando una herramienta que os pueda facilitar vuestro trabajo diario, la extensión de la que os hablamos a continuación os será de gran ayuda. Se trata de CSSPeeper, una utilidad para Google Chrome con la que podemos obtener las especificaciones de cualquier elemento CSS con un clic.

El principal punto a favor de CSSPeeper es que no es necesario ponernos a consultar el código de una web para analizar los elementos CSS de la misma. En lugar de ello, la extensión nos muestra toda la información necesaria de una forma elegante, ordenada y mucho más rápida que si llevásemos a cabo el proceso de forma manual. De esta forma, una vez instalada podremos consultar parámetros como el grosor de una lí­nea, las dimensiones de un botón o los colores exactos de una web.

Continúa leyendo «CSSPeeper, para obtener las especificaciones de cualquier elemento CSS con un clic»

Varias herramientas relacionadas con el mundo de las fuentes y de la tipografí­a

Imagen

Todos aquellos que os dediquéis al mundo de las fuentes y de la tipografí­a estaréis al tanto de la enorme cantidad de herramientas que podemos encontrar en Internet. A pesar de ello, en ocasiones puede resultar complicado encontrar la opción adecuada. Teniendo en cuenta la enorme variedad de opciones y la utilidad de este tipo de recursos, nos ha parecido interesante recopilar algunas de las mejores herramientas que podemos encontrar en este sector.

Continúa leyendo «Varias herramientas relacionadas con el mundo de las fuentes y de la tipografí­a»

3 alternativas gratuitas para diseñar sin salir del navegador

Imagen

A menudo nos encontramos en la situación de tener que trabajar en un diseño cuando no contamos con las herramientas necesarias. Por ejemplo, si estamos utilizando un ordenador que no es el habitual. Por suerte, existen un montón de herramientas gratuitas con las que podemos diseñar sin salir del navegador, lo que significa que no es necesario descargar o instalar nada para comenzar a trabajar. A continuación os recomendamos varias de las más interesantes.

Continúa leyendo «3 alternativas gratuitas para diseñar sin salir del navegador»

Dos páginas web para los que trabajáis con gradientes

Gradientes

El uso de los gradientes está ampliamente extendido en el mundo del diseño web. A pesar de los buenos resultados que ofrece este tipo de técnica, se trata de algo que cualquiera puede hacer sin necesidad de utilizar herramientas como Photoshop. De hecho, en Internet contamos con diferentes alternativas para trabajar con gradientes. A continuación os dejamos dos opciones para diferentes situaciones.

Continúa leyendo «Dos páginas web para los que trabajáis con gradientes»

Varias herramientas de utilidad para los que trabajáis con CSS

Imagen

Si os dedicáis al mundo del diseño y desarrollo web es probable que os interese conocer diferentes herramientas con las que trabajar con CSS desde el navegador. A continuación os dejamos algunas de las alternativas más llamativas a la hora de utilizar botones, animaciones e incluso emojis.

Continúa leyendo «Varias herramientas de utilidad para los que trabajáis con CSS»

3 herramientas para extraer el color de una imagen desde el navegador

Imagen

Si estáis trabajando en un diseño y necesitáis utilizar el color exacto que aparece en una foto determinada, es importante tener en cuenta que en Internet encontramos herramientas con las que podemos extraer el color de una imagen. A continuación os recomendamos algunas de las alternativas online más interesantes, para que podáis extraer colores sin instalar software adicional.

Continúa leyendo «3 herramientas para extraer el color de una imagen desde el navegador»