Color toy: generador de esquemas de color

ByLuis

Ya hemos hablado en otras ocasiones de aplicaciones que nos ayudan a generar esquemas de colores. Ayer mismo yo necesitaba una, pero por problemas de conexión durante todo el día no pude acceder a ninguna para que me ayudara.
colortoy.png
¿Qué tiene de especial Color Toy?, su sencillez, no tiene rueda de colores, ni puedes elegir si quieres colores análogos o en contraste. Simplemente introduces un color y te da un esquema de colores, rápido y sencillo.
Color Toy
Vía / Infected-FX

Similar Posts

| | |

Ponle copyright a tus imágenes mediante PHP

ByLuis

copyright.png Muchas veces queremos que las personas se descarguen las imágenes que tenemos en nuestras páginas web, pero también queremos que quede bien claro quién es el autor. Para ello podemos editar todas las imágenes que tengamos, o bien que el propio entorno se encargue de poner el copyright por nosotros.

El método es sencillo, modificamos las opciones del Apache para que cuando se acceda a una imagen, lo redireccionemos a un script que se encargará de escribir el texto que queramos.

Read More “Ponle copyright a tus imágenes mediante PHP”

|

Sanscons, iconos modificables mediante CSS

ByLuis

Una colección interesante de iconos que cambian de color mediante CSS, a parte de la colección, es interesante aprenderse el método y usarlo para tus propios diseños.

Sanscons.png

El método es sencillo, crear una imagen con el contenido en un color blanco (para que sea más sencillo ajustarlo con otros colores) y poner el fondo transparente, así, si se cambia el fondo mediante CSS, cambiará el fondo del icono.

 <img class="icon" src="icono.gif" alt="icon"/>
 .icon {
background-color:#f00;
}

Sanscons

Vía / Intenta

Iconos gratuitos para tu web

ByLuis

Una colección de iconos para nuestra web, sencillos, pequeños y muy claros. Su uso es gratuito si no incluyes más de 10 iconos en tu web, en otro caso deberíamos pagar una licencia de 30$.
iconos.png
Organizado por diferentes categorías: tipos de fichero, web, blogs y CMS, usuarios y comercio electrónico. Nos puede ayudar mucho, nos ahorrará mucho trabajo y le dará un buen toque de diseño a nuestro sitio.
De paso, visitando el sitio y el blog del autor de los iconos, os recomiendo que os paséis por su galeria de cliparts vectoriales, su tutorial de cómo vectorizar una fotografía o cómo crear un fondo abstracto.

| |

Elemento CANVAS en HTML

ByLuis

CANVAS es un elemento no estándar que permite dibujar gráficos directamente sobre el HTML. Inicialmente lo implementó Apple para Safari, pero ahora es WHATWG quien se encarga de su estandarización.

Al no ser un estándar, se han levantado voces en contra de ello, sobre todo existiendo el SVG que realizaría la misma función. La cuestión sobre cual es más correcto, si el SVG o CANVAS, es algo de lo que ya se ha tratado y aunque en ambos casos se puede hacer lo mismo, parece que el SVG gana por ser un estándar y sobre todo cuando se quiere que haya interacción con el usuario, aunque CANVAS sea más útil a la hora de dibujar.

Más información

Ejemplos

Colors on the Web: ayuda para diseñadores

ByLuis

colorsontheweb.pngVisitando una entrada de Vecindad Gráfica, he encontrado una página que nos puede ser muy útil a los que diseñamos sin llegar a ser grandes diseñadores. Se trata de Colors on the Web, una página centrada en los colores y el diseño web. En ella encontraremos información sobre los colores (colores primarios, saturación, …), el significado de los colores (por ahora solo el rojo), el uso de colores en la web, combinación de colores (rueda de colores, colores análogos, …) y tres utilidades bastante interesantes: un selector de colores similar a las que ya existen, una rueda de color que selecciona aleatoriamente colores y nos muestra sus resultados en un diseño y una colección de esquemas organizada por categorías.
Colors on the Web
Vía / Vecindad Gráfica

Optimiza tus imágenes con PngOptimizer

ByLuis

Si te preocupan cosas como el ancho de banda, el espacio en el servidor o los tiempos de descarga, **PngOptimizer** te enamorará.
Se trata de un software gratuito —solo Windows— que nos permite reducir el tamaño de las imágenes para su uso en la web. Impresiona por el tamaño de la descarga (solo 163 KB) y su facilidad de uso: para optimizar una imagen basta con arrastrarla desde el explorador de archivos hasta la ventana de la aplicación.
Y por el mismo precio —cero euros—, incluye una versión para línea de comandos que te resultará muy útil en procesos por lotes.
Optimicemos, amiguete: PngOptimizer.