SlickMap CSS – Crea un SiteMap elegante para tu sitio web

sitemap-css

SlickMap CSS es una hoja de estilos capaz de transformar una lista de elementos de HTML en un mapa de navegación tan agradable como el que veis en la imagen superior.

En la web podéis bajar los archivos necesarios para entender y replicar el proceso, permitiendo ofrecer una original y elegante navegación entre el contenido de cualquier web.

Un buen recurso para la categorí­a de Utilidades para diseño.

Mini-Mizer – Crea un avatar al estilo LEGO

avatar-lego

Ya que ayer fue un dí­a denso, vamos hoy a relajar un poco con Mini-Mizer, una aplicación en flash que nos permite crear un avatar con la apariencia de los clásicos muñecos LEGO.

Podéis personalizar la cabeza, el pelo, la ropa, los pies, el fondo, los brazos… añadir guitarras, banderas, armas… miles de combinaciones hasta encontrar el muñeco que os representará digitalmente.

Ideal para perder unos preciosos minutos de nuestra vida.

Fotoglif – Millones de fotos de alta resolución gratis para su uso en blogs

fotoglifCuando usamos fotos para ilustrar nuestras noticias en blogs o sitios web de cualquier tipo tenemos que tener mucho cuidado con los derechos de las mismas. os lo digo por experiencia, ya que estoy enfrentando dos procesos judiciales aquí­ en Brasil por el uso indebido de material fotográfico en uno de los blogs que mantenemos.

Fotoglif nos ofrece otra alternativa a las muchas opciones que ya os he ido mostrando en la categorí­a de Banco de imágenes, disponiendo de millones de fotos con la licencia adecuada y prometiendo actualizar miles nuevas cada dí­a, todas en alta resolución y clasificadas por tema.

Podéis buscar cualquier tema y suscribiros a los resultados, de forma que podéis recibir fácilmente nuevas fotos en vuestro lector RSS sobre cualquier asunto de interés.

Lo que llama mucho la atención, y que anuncian en el blog oficial, es que además de poder usar las fotos de forma gratuita podemos ganar dinero divulgando las fotografí­as en nuestro blog.

Sin duda una estupenda apuesta. El contra: Ponen publicidad al final de cada foto (no se puede tener todo en la vida).

Actualización: Google anuncia, el 9 de julio de 2009, que ya tienen un filtro en Google Image para encontrar fotos libres de derechos.

Limpiando la hoja de estilos (css) de elementos no utilizados

css-redundancy-checker

Css Redundancy Checker es una aplicación que nos pide la dirección de nuestra hoja de estilos CSS y las páginas web en las que es utilizada.

Verificará si todos los elementos indicados en el archivos CSS son utilizados, en caso contrario nos informará de lo que puede ser eliminado o de la información redundante.

Útil para reducir tamaños de archivos y hacer un trabajo más limpio y organizado.

ptwix – Componente php/ajax para mostrar twitter en tuweb

PtWixVamos a empezar el sábado con una aplicación para los programadores: PtWix.

Se trata de un componente PHP/Ajax que muestra tweets en una página web, permitiendo a los lectores seguir vuestros textos en Twitter directamente.

Aunque existen muitas opciones para realizar estas tareas puede ser que necesitéis personalizar el componente con las diferentes opciones estéticas que PtWix ofrece, siendo de bastante sencilla configuración.

Notable – Recoge opiniones sobre cualquier página web

notable
Leo en momb sobre Notable y pido una invitación que, Bryan, uno de los fundadores del sistema, me enví­a para que pueda contaros lo que hay por dentro.

Después de seleccionar la cuenta gratuita e instalar la extensión de Firefox que me permitirá capturar las diferentes páginas que quiero analizar, tengo la posibilidad de crear notas sobre cada elemento visualizado.

publicidad

En la imagen podéis ver el proceso de creación de una nota sobre la captura de la página principal de wwwhatsnew.com, donde me autoconsejo alinear más la publicidad de PortalProgramas. Puedo crear tantas notas como quiera sobre la captura de la página en cuestión, exportando el resultado en PDF para enviarlo a quien lo necesite.

Lo que me ha gustado más aún es que ofrece también la posibilidad de comentar sobre el código fuente de la página o sobre el texto incluido en ella, permitiendo crear documentos con notas para el diseñador, el programador o el escritor de la página en cuestión.

codigo

El resultado, además de poder ser exportado en PDF, podéis compartirlo en la misma aplicación con otras personas, estando la versión gratuita limitada a un panel de trabajo con un equipo de tres personas colaborando en el mismo.

Edición de capturas en la web con Aviary.com

Hace más de un año que os hablé de Aviary, la suite de herramientas para diseño. ahora la comento de novo para daros a conocer una funcionalidad que puede sernos útil a todos.

Se trata de la posibilidad de capturar cualquier parte de cualquier página web incluyendo «aviary.com/» frente a su url. Al acceder a esta nueva web se abrirá una aplicación dentro de aviary que nos permitirá recortar, escribir y editar la parte deseada, exportándola para lo que sea necesario.

Como veis en la imagen inferior aparecen herramientas de zoom y posibilidad de pintar por encima de la imagen con varios colores.

screenshot

Probadlo, por ejemplo, con https://aviary.com/https://wwwhatsnew.com

fuente: mashable

ViewLike.us – El aspecto de cualquier página web en varias resoluciones

viewlike

Si trabajáis creando o diseñando sitios web, o tenéis curiosidad para ver el aspecto de cualquier página en varias resoluciones de pantalla, os recomiendo viewlike.us.

Se trata de una página sencilla que nos permite, después de indicar la url ví­ctima de la operación, ver el aspecto que tiene en pantallas como la del iPhone o Wii o en monstruos de 1900×1200, por ejemplo.

En la imagen superior podéis ver el aspecto en 800×600 de un nuevo proyecto que estamos lanzando en Brasil: Blog de Cinema.

PasteQuestion – Preguntas y respuestas para programadores

phpPasteQuestion es un proyecto especialmente pensado para eliminar dudas a la comunidad de programadores.

Las preguntas pueden incluirse de forma sencilla, obteniendo respuestas que respetarán el formato especial de los lenguajes de programación.

respuestas

Las respuestas dadas a las dudas mostradas pueden ser votadas por la comunidad de usuarios, pudiendo ser encontradas por palabras clave o filtradas por lenguaje de programación.

fuente: maestroalberto