Categoría: Programación y Diseño

Sitios y aplicaciones para aprender a programar y a diseñar. Para todos los niveles. Noticias y novedades del sector.

shapado – Solución de código abierto para crear una web de preguntas y respuestas

Publicado el

por Juan Diego Polo

Si hace unos dí­as os hablé de qhub como una buena solución para crear un sitio de preguntas y respuestas en pocos minutos, hoy me indican una solución de código abierto, traducida a varios idiomas y con el mismo objetivo.

Se trata de Shapado, una aplicación que permite a cualquiera realizar sus preguntas y esperar por sus respuestas, desarrollada en ruby y con el código disponible en gitorious.org/shapado.

Sin duda una buena solución para quien quiere crear una web de distribución de conocimientos. En shapado.com podéis crearla de forma gratuita y en gitorious podéis obtener el código para realizar vuestra propia versión hospedada, pero recordad que cualquier modificación en el código debe dejarse disponible para la comunidad, respetando su tipo de licencia.

Colorzilla – Extensión de Firefox para quien trabaja con colores

Publicado el

por Juan Diego Polo

Colorzilla es un plugin del navegador Firefox que nos permite obtener el código de cualquier color de las letras, imágenes, fondos y demás elementos de la página que estemos visitando.

Crea paletas, detecta reglas CSS, permite compartir las paletas creadas, tiene zoom, disponible en varios idiomas… imprescindible para los que trabajan en temas relacionados con diseño y quieren ahorrar tiempo en la ejecución de sus trabajos.

La plataforma de diseño Aviary ahora es 100% gratuita

Publicado el

por Juan Diego Polo

Aviary es un conjunto de herramientas orientadas al diseño de la cual ya he hablado por aquí­ en decenas de ocasiones. Hoy lo comentaré una vez más por una excelente buena razón: ahora es 100% gratis.

Aunque siempre ha ofrecido buenos recursos gratuitos, ahora han liberado todas sus funciones y tutoriales, incluso la posibilidad de trabajar sin marcas de agua y la de guardar de forma privada nuestros trabajos en su disco virtual.

Podemos crear avatares, capturar pantallas, editar imágenes, trabajar con vectores, participar de concursos… un recurso imprescindible para profesionales del diseño que incluye ahora un editor de audio dentro de su suite.

Iconarchive – Miles de iconos para Windows, Linux y Mac

Publicado el

por Juan Diego Polo

Son muchas las aplicaciones y colecciones de iconos gratuitos que he comentado en wwwhatsnew.com, incluso una lista de buscadores especializados que tuvo bastante éxito en su momento.

Quiero hoy ampliar la lista con Icon Archive, un directorio de casi 30.000 iconos para todos los sistemas operativos, clasificados por temas y con licencias que dependen del paquete seleccionado.

Cada colección puede ser votada e informa del número de visitas recibidas, así­ como el autor y las condiciones de uso.

tawdis.net – análisis de la accesibilidad de sitios web

Publicado el

por Juan Diego Polo

Tawdis.net es una aplicación que nos permite analizar la accesibilidad de cualquier sitio web.

En realidad T.A.W. es un conjunto de herramientas que van desde los más conocidos analizadores de páginas a los sistemas de monitorización o a una herramienta para la realización de observatorios.

Su objetivo, usando sus propias palabras:

Comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de páginas web con el fin de permitir el acceso a todas las personas independientemente de sus caracterí­sticas diferenciadoras.

Disponible en español, gallego, catalán e inglés, es un sitio de fundamental importancia para quien trabaja en el desarrollo de páginas web y quiere ampliar su público objetivo

Visual Website Optimizer – Haciendo pruebas para la nueva versión de tu sitio web

Publicado el

por Juan Diego Polo

Cuando se trabaja en un nuevo diseño de un sitio web se esperan muchas cosas: aumentar la fidelidad de los lectores, reducir el porcentaje de rebote (usuarios que vienen, se van y no vuelven), adaptarse a nuevos contenidos… son muchos los factores y muchas las sorpresas que inevitablemente siempre se tienen durante las primeras semanas del estreno.

Visual Website Optimizer nace para disminuir los sustos y poder conocer los resultados que la alteración tendrá analizando la reacción de nuestros visitantes. Después de crear un nuevo test, podremos indicar los módulos que sufrirán los cambios o indicar dos urls distintas con los diseños que quieren ser comparados. El sitio web mostrará de forma aleatoria las dos versiones del sitio y ofrecerá estadí­sticas analizando los parámetros que nos preocupan.

Podéis probarlo en su Demo o ver el ví­deo de presentación en el que podemos comprobar lo simple que es crear nuevos tests. Espero que os resulte útil y evite más de un infarto.

Selección de enlaces para diseñadores

Publicado el

por Juan Diego Polo

Aquí­ os dejo una lista de enlaces que pueden ser útiles para quien trabaja con diseño.

– Trucos para pasar de un archivo PSD a HTML: line25.com
– Cómo pasar de un boceto a un tema en WordPress: spoongraphics.co.uk
– Tutoriales de CSS3 y técnicas de creación de botones: speckyboy.com
– Excelentes diseños web oscuros: webdesignledger.com
– Cientos de trucos para quien trabaja con CSS: css-tricks.com
– 17 extensiones de Google Chrome para webdesigners: designm.ag

Espero que los aprovechéis.

Desarrollo de Aplicaciones Web con Google Web Toolkit

Publicado el

por Juan Diego Polo

En mi sesión diaria de navegación por SlideShare he descubierto una excelente presentación, en español, que puede ser muy útil para programadores que estén dando sus primeros pasos con Google Web Toolkit.

La presentación, titulada «Desarrollo de Aplicaciones Web 2.0 con GWT», fue publicada por Emilio Bravo Garcia hace poco más de una semana, realizando una introducción a Google Web Toolkit (GWT), tecnologí­a desarrollada por Google para acelerar el desarrollo de Aplicaciones Ricas de Internet (RIA) y mejorar la experiencia del usuario.

Espero que la disfrutéis:

Antes de esta presentación, el mismo autor publicó otras relacionadas con el mismo tema, las podéis ver en su página: www.slideshare.net/emiliobg

Cambiando los colores de un archivo CSS en pocos segundos

Publicado el

por Juan Diego Polo

Si habéis decidido cambiar los colores de vuestro sitio web y tenéis que buscar y modificar los códigos del archivo CSS correspondiente, echad un vistazo en Replace CSS colors.

Se trata de una aplicación que permite obtener los colores de cualquier archivo CSS mostrando en una lista todos los códigos detectados. Sólo tenéis que seleccionar cada uno de los nuevos colores y obtener el nuevo archivo CSS, sin necesidad de abrirlo con editores de texto ni ir buscando y reemplazando uno por uno los colores anteriores.

Muy sencillo y, sobre todo, práctico.