Si estás buscando una forma sencilla de generar una paleta de colores para tu página web es probable que te interese conocer algunas de las opciones gratuitas disponibles en Internet. En esta ocasión nos ha parecido útil destacar cuatro de nuestras alternativas favoritas.
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.
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.
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.
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.
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.
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.
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.
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.
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.