1.867 lecturas 0 comentarios

Paletas de colores

¡Cómo me gusta una buena paleta de color! Sobre todo cuando va acompañada de una foto de referencia bien seleccionada. En esta página encontraréis ambas cosas; fotos y sus respectivas paletas, con un gusto exquisito. Tonos fríos, cálidos, pastel y contrastes, de todo un poco.

Visitar Paletas de colores

1.907 lecturas 0 comentarios

Códigos de animación en CSS

Cada vez utilizamos menos Javascript para hacer animacionesCSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

Visitar Animista: Ejemplos de animación en CSS

2.162 lecturas 0 comentarios

Test de compatibilidad móvil de Google

“Actualmente se realizan más búsquedas desde teléfonos móviles que desde ordenadores”, así de rotundo nos confirma Google la importancia de adaptar nuestra Web a estas resoluciones. Y continúa: “Es cinco veces más probable que un usuario abandone un sitio web si este no está optimizado para móviles”. Y, como lo que dice Google va a misa, qué mejor que utilizar su propio sistema de análisis para saber si realmente nuestra página cumple con este punto.

Test My Site By Google

2.668 lecturas 0 comentarios

Manual gratis: “Color”

Si me preguntaran por las bases que sostienen un diseño profesional, pensaría en numerosas alternativas pero, sin duda, el color estaría presente en mi cabeza como una de las principales. El uso correcto del color, separarse de la competencia gracias a los matices, equilibrar la composición con masas equivalentes y bien ajustadas… para ayudaros con tanta variable, os enseñaré dos recursos que me han parecido geniales. Por un lado, la web Colorsupplyyy: un sitio con combinaciones brutales (complementarios, triadas, análogos, etc.) y, por otro, un manual gratuito con numerosos ejemplos de un uso correcto del color. Webs, artículos tecnológicos, la imagen del coche que muestra este artículo… todo es susceptible de ser influenciado por el color. Si no te asusta el inglés, te recomiendo que le eches un vistazo.

Descargar manual gratis “Color”

8.066 lecturas 3 comentarios

Generador online de códigos de barra vectoriales

Si hay algo que tenemos que tener a mano los diseñadores gráficos es un programa para generar códigos de barra. Un elemento indispensable en cualquier etiqueta de producto que vaya a ponerse a la venta. Cuando diseñamos etiquetas, nos encontramos con archivos de alta resolución (a 300 puntos) y con muchos centímetros de tamaño, es por lo tanto crucial disponer de un código de barras vectorial que no pixele al aumentar el tamaño. Con esta Web: Bar-codeGenerator, podemos crear códigos de barra online: EAN, QR’s y otros estándares, con sólo indicar el número que nos aporte nuestro cliente. El archivo final que descarga puedes abrirlo con Illustrator e incluso cambiarle la fuente (mantiene los números como texto).

3.798 lecturas 2 comentarios

Copiar texto al portapapeles en una Web

clipboardSi hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.

• Descargar ClipBoard.js