ZeroZen

Icon

Apple, Macintosh, Wordpress e internet

Colorsuckr: Genera paletas de colores para tu diseño en base a fotos

colorsuckr+paleta_colores

Crear una paleta de colores puede ser algo complejo si no tienes experiencia y no te manejas por ejemplo con valores hexadecimales. ColorSuckr es un servicio online que permite generar paletas de colores en base a fotos. Sube tu archivo o bien ingresa la URL de donde esta ubicado el archivo y ColorSuckr hace el resto del trabajo, entregándote los valores HEX, web safe y RGB de los 12 colores predominantes en la foto. Así que ojo, que si por ejemplo una imagen es mayoritariamente verde y hay una pequeña porción de naranjo, es improbable que dicho color sea rescatado.

Una vez obtenidos los resultados, puedes ver esquemas de colores de acuerdo a cada muestra de color. Los resultados los puedes guardas como archivos ASE para Phostohop, JSON o XML.

Link: ColorSuckr

Ember: Compartiendo fuentes de inspiración

Ember: Inspiración en imágenes

Lo que inspira a otros, quizás también puede ser fuente de inspiración a ti. Ember es un sitio web que te ofrece la posibilidad de navegar por cientos de imágenes “inspiracionales” ordenadas en diferentes categorías. También te permite subir pantallazos, fotos o ilustraciones de tus propias fuentes de inspiración y conectarte con otros usuarios que andan a la caza de ideas frescas.

Lovetextures: Texturas gratuitas para tu diseño

ZZ404D49AB

Si andas en busca de una textura a buena resolución, lovetextures.com tiene casi 200 esperándote. Todas son gratuitas y están clasificadas por categoría, tag y color predominante.

Font Squirrel: Tipografías buenas, bonitas y gratis

ZZ25D2B4D0
Font Squirrel podría parecer uno más de esos sitios donde se pueden bajar tipografías de manera gratuita, pero no. Lo que lo diferencia de otros parece resumirse en las anheladas 3B: bueno, bonito y barato. Incluso es mejor que eso, ya que las fuentes disponibles son totalmente gratuitas, las puedes usar con fines comerciales sin sentirte culpable y no hay cualquier basura, si no que las fuentes están elegidas con criterio.

En este momento Font Squirrel cuenta con una colección de 374 fuentes, ordenadas por estilos.

Link: Font Squirrel

Fontex: Fuentes de calidad que puedes bajar gratis

ZZ25278313.jpg

Las tipografías gratuitas siguen siendo uno de mis temas favoritos y acá hay un sitio más para mi colección y quizás la tuya. Fontex se diferencia de otros sitios en que las fuentes son elegidas usando como criterio básico que estas sean de calidad. Nada de tipografías mal hechos o poco coherentes. Los archivos están ordenados en estilos, se pueden previsualizar y lo más importante, son gratuitas.

Link: Fontex

Estimando el costo de desarrollo de un sitio web

ZZ16C8170C.jpg

Ayer llamaba a mi amigo José para preguntarle cuando cobraría él por desarrollar un sitio de a empresa X, que cumpliera con ciertos requerimientos. Luego de la conversación me di cuenta que al menos yo tengo claro lo que necesito para lograr mi objetivo, pero paso por alto muchos detalles a la hora de colocarlos en un presupuesto. Lo peor de todo es que termino cobrando menos de lo que sería justo y menos de lo que me permitiría tener una ganancia.

Da para mucho el tema, pero por casualidad me acabo de encontrar con una aplicación web llamada Web Development Project Estimator. Está en inglés y es algo que supongo que podrías replicar fácilmente en una planilla Excel, pero contiene los items básicos para tener un estimado de el tiempo y materiales requeridos para un proyecto web. Luego de ingresadas las cantidad de horas y el precio de estas, tienes un resultado el que puedes imprimir o guardar como PDF. También puedes agregar o modificar campos a valorizar.

Link: Web Development Project Estimator

Tipos de hosting para tu sitio web

ZZ67C9764C.jpg

Si te gusta o te dedicas al diseño web, tarde o temprano vas a necesitar de un lugar donde alojar tu primer sitio y todos los que vengan. Actualmente la oferta es infinita, se ajusta a todos los bolsillos y puede adaptarse a todos los requerimientos técnicos. En general uno parte con las ofertas más económicas, pero a medida que crecen las necesidades y aumenta tu conocimiento del tema, te comienzas a dar cuenta de que no todo es espacio en disco y MB de tráfico mensual.

- Hosting gratuito: En mi opinión no existe tal cosa como bueno, bonito y barato, pero si por primera vez vas a crear un sitio web, un hosting gratuito te permitirá dar tus primeros pasos. Lo malo es que en general el espacio, tráfico o las bases de datos son recursos limitadas y debes soportar algo de publicidad.

Si algo anda mal con tu sitio, no hay muchas oportunidades para quejarse, ya que estás pagando nada.


Lee el resto de este post »

Dreamstime: Banco de imágenes royalty-free

ZZ0026A65C.jpg Tengo una cuenta en iStockphoto y la uso frecuentemente para bajar fotos en alta o baja resolución que ilustrarán algunos de mis proyectos. Estoy feliz con el servicio y la calidad de las imágenes, pero nunca está demás contar con una alternativa y sobre todo si esta tiene precios más bajos.

Hace un tiempo me encontré con DreamsTime, un sitio que tiene un banco de fotos bastante nutrido a precios convenientes. Además cuenta con una sección con fotos gratuitas a la cual puedes acceder luego de registrarte, lo cual tampoco tiene costo.

Link: Dreamstime

Nota mental: Cómo insertar una archivo Flash en una página

<object width=”300″ height=”250″>
<param name=”movie” value=”http://www. dominio.com/carpeta/nombre_archivo.swf”>
<embed src=”http://www.dominio.com/carpeta/nombre_archivo.swf” width=”300″ height=”250″>
</embed>
</object>

Si ese no funciona como es debido (me ha pasado), puedes usar este otro:

<object width=”300″ height=”250″
classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
codebase=”http://fpdownload.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=8,0,0,0″>
<param name=”movie” value=”http://www. dominio.com/carpeta/nombre_archivo.swf” />
<embed src=”http://www. dominio.com/carpeta/nombre_archivo.swf” width=”300″ height=”250″
type=”application/x-shockwave-flash” pluginspage=
“http://www.macromedia.com/go/getflashplayer” />
</object>
</embed>

No olvides reemplazar la path hacia tu propio archivo Flash, además de modificar los valores de alto y ancho según corresponda.

Revisando el diseño de tu sitio web en varios Sistemas operativos y navegadores

Zz167154A2

Si lo tuyo son diseñar sitios web, lo más probable es que en algún momento hayas debido revisar tu sitio en otros sistemas operativos y navegadores para ver como se ve tu diseño. Tengo la impresión de que a la mayoría de los que diseña desde Windows lo hace sólo con Internet Explorer en mente, así que el resto de los OS y browsers les da lo mismo. Al contrario, si diseñas sitios en un Mac estás consciente de que siendo minoría, debes hacer compatible tu sitio con todas las plataformas y lo mismo se aplica a Linux.

Sea cual sea tu caso, Browsershots.org te permite revisar tu sitio en una amplia variedad de navegadores para Windows, Mac y Linux, y además en diferentes versiones de cada software. Sólo debes ingresar el URL que te interesa, elegir los browsers en que te interesa testear tu diseño, resolución de pantalla, cantidad de colores, javascript, Java, Flash y apretar el botón Submit. Luego debes tener paciencia y esperar a que los pantallazos vayan apareciendo. A diferencia de otros servicios, este es gratis.

Link: Test your web design in different browsers (Browsershots.org)


Miniposts

Web Hosting

En Twitter