Recursos y tutoriales de Photoshop para diseñadores web

Aquí­ os dejo una serie de enlaces a tutoriales y recursos que los profesionales de Photoshop pueden usar para diseñar sitios web. Todos los enlaces han sido obtenidos de la lista de páginas más populares de delicious.com de los últimos meses.

66 y 90 Tutoriales de Photoshop para diseñar plantillas de sitios web
5 técnicas sorprendentes para profesionales del diseño en Photoshop
Más de 300 lugares para convertirse en un experto de Photoshop
760 tutoriales de Photoshop para diseñadores web
Los 100 mejores tutoriales de Photoshop de 2009

Y por último uno que no se limita al Photoshop:
20 tipos de fuente ideales para el diseño de encabezados

Avatara – Crear un avatar en 3D para tu red social

Con un tí­tulo la mar de oportunista (nada como aprovechar las búsquedas de Avatar en 3D que deben estar haciéndose desde hace semanas), Avatara ofrece la posibilidad de crear un muñeco tridimensional para que nos represente en las diferentes redes sociales.

Podéis elegir uno de los ya creados o subir una foto para que se genere su versión tridimensional usando un editor especializado en el tema.

Interesante y bastante entretenido.

Sikuli – Programa tareas automáticas usando capturas de pantalla

Sikuli es un proyecto del Instituto de Tecnologí­a de Massachusetts que permite a los programadores crear scripts que realicen automáticamente tareas en los ordenadores.

Lo original del proyecto es que usa capturas de pantalla para programar el script, dejando a una tecnologí­a de reconocimiento visual que interprete las accones que deben ser llevadas a cabo.

En la web tenemos varios ejemplos demostrando todo lo que se puede hacer, desde acceder a páginas web de forma automática hasta realizar configuraciones en PCs. Por supuesto también tenemos el clásico Hola Mundo para poder entender el paso a paso de un ejemplo sencillo.

Habari – Para los que encuentran WordPress difí­cil

Si queréis tener vuestro propio blog en vuestro servidor y no queréis entrar en el inmenso mundo del CMS WordPress, tenéis una buena opción con Habari en habariproject.org.

Se trata de un sistema de gestión de contenido muy sencillo de instalar y utilizar. Con pocas opciones en el menú y diseños simples y elegantes, Habari está hecho para los que necesitan publicar y no tienen tiempo ni necesidad de buscar soluciones más complejas.

Con plugins, soporte para crear páginas, rss, publicación entre varios autores, tags y otras muchas funcionalidades, es una mezcla excelente entre sencillez y flexibilidad.

Publicado en

MarkerCSS – Framework CSS open source en castellano

José Castro me presenta MarkerCSS, un frameworkCSS que pude facilitar mucho la vida de quien trabaja con esta técnica.

Markercss.com es un framework que simplifica maquetar en CSS, directamente sobre el código y de forma totalmente libre, sin la necesidad de utilizar columnas predefinidas.

De esta manera se puede simplificar todo o parte del código tradicional CSS, potenciando el trabajo visual del código, ya que contiene referencias preestablecidas que permiten realizar proyectos web in situ.

Al mismo tiempo podemos reducir los procesos de creación web ya que no necesitamos crear y nombrar todos los estilos de capas, así­ como definir textos y todos los atributos; ni tener que recordar las caracterí­sticas de cada estilo.

En el sitio podéis encontrar mucha más información, toda en español y con posibilidad de echar un vistazo a su código fuente.

100 sitios web para bajar imágenes vectoriales gratis

En bestdesignoptions.com hay una enorme lista de sitios web desde los cuales podréis bajar imágenes en formato vectorial para usar en vuestros trabajos de diseño.

Desde el conocido qvectors.net hasta otros menos populares como Da Pino Colada, Digital Vector Maps o Mukja Freebies, la lista parece interminable, aunque sin duda será útil para los que necesitan material de buena calidad para imprimir en todos los tamaños.

PicApp y su plugin de wordpress

Hace tiempo que tení­a ganas de volver a hablaros de Picapp y su maravilloso buscador de imágenes gratuitas para su publicación en blogs.

Lo uso frecuentemente en www.blogdecinema.com, donde tenemos instalado una extensión en wordpress que permite encontrar fotos de famosos sin salir del panel de administración:

El caso es que hoy Google me ha dado un buen motivo para escribir sobre ellos. En el blog oficial googleblog.blogspot.com acaban de anunciar que se han asociado con PicApp ofreciendo más de 10 millones de nuevas imágenes gratuitas y disponibles para su proyecto knol.

Con API disponible parece claro que el futuro de las fotos en los blog viene de la mano dada con PicApp.

12 útiles herramientas para trabajar con CSS

El tiempo pasa y las herramientas web buscan su espacio en el mercado, especializándose en tareas extremadamente especí­ficas, como las que os presento aquí­.

La lista, publicada en designer-daily.com, muestra 12 aplicaciones que pueden ser usadas para aquéllos que trabajan o tengan pensado trabajar con CSS.

1. Primer CSS


Informa una página HTML y este sitio obtendrá las clases y IDs creando una hoja CSS lista para ser completada.

2. Automatic CSS inliner


Transforma estilos locales en CSS, ideal para campañas de email marketing.

Continúa leyendo «12 útiles herramientas para trabajar con CSS»

Cómo recibir por email la actualización de cualquier página web

Aunque para la mayorí­a de vosotros el uso de lectores de rss sea algo tan común como respirar, para la gran mayorí­a del mundo es un gran desconocido, usando aún el viejo sistema de newsletters o del F5, lo que es aún peor…

Lo que quiero hacer en este artí­culo es mostrar una técnica que llevo bastante tiempo utilizando para obtener actualizaciones de ciertas páginas web sin necesidad de ir a buscarla, usando varias herramientas que ya he comentado en wwwhatsnew.com de forma independiente.

Lo primero que vamos a hacer es plantear un problema, mostrando una posible solución en seguida.

Problema

Un grupo de abogados en Brasil tiene que acceder cada dí­a a una página del Tribunal del estado de Paraiba para ver si hay actualizaciones en un proceso judicial. Después de entrar en la página se realiza una búsqueda por número de proceso, cliente o palabra y se obtiene una lista de los archivos pdf que contienen los datos buscados.

La página es www.tjpb.jus.br. Al realizar la búsqueda obtenemos la url personalizada con el término deseado:

[…] servicos/diario_justica?p_busca=2008 […]

Ya tenemos la url que queremos espiar automáticamente, ahora tenemos que buscar una forma de obtener las actualizaciones y enviarlas por correo electrónico (imaginemos que los abogados no saben nada sobre RSS).

Solución

Usando el servicio ofrecido por Feed43, vamos a configurarlo para generar una dirección RSS con las actualizaciones de la página en cuestión. Después usaremos otro servicio para enviar el rss por email.

Lo primero que tenemos que hacer es encontrar una repetición en el código fuente de la página buscada para que Feed43 pueda detectar nuevos registros. Si buscamos en el html generado por la búsqueda, vemos que los registros (pdfs) se guardan en una tabla con la siguiente estructura:

Una vez tenemos estos datos es relativamente simple configurar Feed43.

Paso 1: indicar la url de la cual queremos extraer los datos.
Paso 2: Indicar el origen y final del código fuente que debe ser revisado y determinar los elementos que se repiten:

El sí­mbolo {%} lo usamos para indicar que es código que queremos recuperar y el sí­mbolo {*} para indicar que es código que queremos ignorar.

Una vez hecho esto, tenemos que crear el feed RSS con los datos extraí­dos. Cada vez que usemos el sí­mbolo {%} hará referencia a un dato, de forma que podemos construir un feed de la siguiente forma:

Con eso tendremos un feed que, en este caso, muestra el tí­tulo (fecha) del proceso y el enlace para el pdf resultado de la búsqueda.

Ya tenemos el feed, ahora sólo tenemos que encontrar una forma para que sea enviada por email cada actualización del mismo. Para eso podemos usar servicios como el facilí­simo feedmyinbox.com, que nos pide la dirección rss y el email.

Espero que os haya sido útil. Aunque Feed43 es algo difí­cil al principio, se coge el truco rápido.