Para hacerte una remera, o incluir en alguna web o gráfica en particular. Logos vectoriales listos para bajar gratis desde acá: http://www.allfreelogo.com (hay que crear una cuenta) http://www.brandsoftheworld.com http://vectorlogo.blogspot.com

Si queremos publicar un website con un diseño agradable (aunque no customizado) y en forma muy rápida y económica la mejor alternativa es bajar un template que se adapte lo mejor posible a nuestra idea y contenidos, modificarlo y subirlo. Estoy convencido de que lo mejor en la mayoría de los casos es crear un diseño customizado que se adapte a nuestras necesidades, pero también vale considerar la alternativa de adaptarnos a un template que nos resulte agradable. A continuación, la lista de los mejores sites de descarga de templates gratuitos que encontré: http://www.freecsstemplates.org http://www.oswd.org http://www.freewebsitetemplates.com http://www.freewebtemplates.com http://www.free-css.com Enjoy!

Alguna quisieron ver colores de referencia para determinar cuál aplicar en alguno de sus diseños web? Alguna vez quisieron tener a mano el valor en hexa de ese color para poder aplicarlo rápidamente en un estilo css? Muy bien, esto es como ir a una pinturería para elegir los colores para tu website: CSS Color Chart Si primero van a diseñar un boceto en Photoshop o Illustrator probablemente tomarán los valores de los colores directamente del boceto, pero en algunos casos puede ser útil tener a mano una paleta de colores.

Si hacemos desarrollo web o diseño de aplicaciones, más de una vez nos habremos encontrado con la necesidad de conseguir íconos que representaran determinadas funcionalidades de la aplicación. Más de una vez esta tarea fue realmente tediosa, pero a partir de ahora tenemos una magnífica solución a todas nuestras necesidades icónicas: http://www.iconfinder.net Tiene un buscador que nos ayuda a encontrar íconos que están muy bien catalogados y por lo tanto es muy fácil hallar lo que estamos buscando; y lo mejor de todo: es gratuito! :D

Hay días en que no limitamos nuestras ganas de jugar y nuestra imaginación y hacemos cosas como las que hicimos hoy...
Llendo a buscar la cámara a último momento duplicamos nuestro alpedismo temporal, nuestra diversión y nos duplicamos a nosotros mismos!

Luz, cámara y un poco de Photoshop, y en un rato ya somos más.
:D

Hace un rato estuve explicándole algo de HTML y CSS a mi amigo Pablo Grava, quien este año comenzó con la carrera de Diseño Gráfico y tiene espectativas de laburar en este mundo que nosotros llamamos Web. Comenzando juntos el armado de una simple página HTML desde cero y creando luego los estilos para dar vida a la visualización pude ver más claramente los beneficios de esta metodología de desarrollo, y sobre todo, pude ver más claramente en qué consiste la metodología!

WebDev Metodology 0. Idea 1. Diagrama 2. HTML: Estructura 3. Contenido: Volcado en la página 4. CSS: Definición de estilos 5. Browser testing

Read more!

Qué es un "favicon"? Se trata del ícono asociado a un website, el cual se muestra al lado de la url del mismo, del nombre del sitio en los tabs y el los favoritos, según el browser que se use. Creando el favicon para A-blog:

1. Primero busqué una buena referencia para entender mejor los favicons antes de hacer el de A-blog. 2. Abrí Photoshop y creé un archivo nuevo de 16x16 px. 3. Copié el color de fondo del logo de A-blog. 4. Utilicé dicho color como background de la nueva imagen. 5. Hice drag and drop con la letra "A" desde el logo hacia la nueva imagen. 6. Cambié el tamaño de la letra hasta que quedó bien y la centré. 7. Guardé como PSD y exporté como PNG. 8. Abrí el PNG en IconForge. 9. Utilicé el seteo "Scale image to fit icon size of 16x16 and resolution of 16.7 Million colors". 10. Guardé el archivo como favicon.ico en la carpeta raíz de A-blog. 11. Ví el código fuente del sitio www.favicon.com para buscar el código para incluir el favicon: LINK REL="SHORTCUT ICON" HREF="favicon.ico" 12. Abrí el archivo b2/skins/[mi_skin]/_main.php. 13. Agregué el tag link antes copiado en la línea 42, dentro del head. 14. Modifiqué la propiedad href por: http://ablog.zapto.org/favicon.ico

Update:

IconForge ahora es pago. Es necesario convertir el PNG a ICO para poder usarlo como favicon. Hay un plugin para photoshop con el cual pueden hacerlo. También pueden utilizar la online tool ConvertICO para tal fin.