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.
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.
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.
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.
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.
En el excelente flashrealtime.com han publicado recientemente una lista de librerías y motores que pueden ayudar a los programadores a crear verdaderas maravillas con flash.
Desde motores 2D y 3D, hasta simuladores de leyes físicas y plataformas de juegos sociales, el sitio ofrece decenas de referencias obligatorias para quien esta entrando en este mundo.
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.
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.
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.
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.