Cómo Instalar Opera en Ubuntu

Pues eso, vamos a ver como instalar el Navegador Opera en Ubuntu: Añadimos el repositorio de Opera a nuestras fuentes de Software: Podemos añadirlo desde el menú Sistema > Administración > Orígenes de Software. Una vez ahí pinchamos sobre la pestaña «Software de terceros», pulsamos sobre «añadir» y pegamos: deb http://deb.opera.com/opera/ stable non-free Añadimos la […]

Buscar fotos CC por color en flickr

Multicolr Search Lab Flickr Set nos permite buscar fotos Creative Commons que los usuarios hayan subido a flickr. En este momento afirman tener indexadas 10 millones de imágenes, con lo que difícilmente no encuentres la que estabas buscando. Leyendo los comentarios en reddit, me entero también del sitio xcavator.net , que además las agrupa por […]

W3C MWBP 5th Week Assignment: Redesign a Real Site

Bueno, con esta práctica se acaban los ejercicios obligatorios del curso: An Introduction to W3C’s Mobile Web Best Practices. Se trataba de escoger una página de un sitio y rehacerla de manera que validase su código (xhtml, css) y se solucionasen los problemas que pudiera tener cuando se navegaba desde un dispositivo móvil. Para este […]

W3C MWBP 4th Week Assignment: Beethoven site, Images and CSS

Bueno, un poco a marchas forzadas, acabo de enviar el ejercicio correspondiente a la cuarta semana del curso: An Introduction to W3C’s Mobile Web Best Practices.

Se trataba de personalizar el contenido según el dispositivo del usuario, es decir, si una persona se conecta a nuestra web desde un móvil, debemos entregarle contenido ajustado a su dispositivo (por ejemplo debemos reducir el número de imágenes, utilizar una maquetación más sencilla…), pero si se conecta desde un ordenador o navegador «normal», debe poder aprovechar al máximo las capacidades del mismo (debe poder ver vídeos, flash, utilizar ajax…)…

W3C MWBP 3th Week Assignment: Beethoven site

El ejercicio propuesto para la tercera semana del curso An Introduction to W3C’s Mobile Web Best Practices estaba relacionado con las limitaciones de los dispositivos móviles en cuanto al espacio de pantalla disponible, como optimizar los menús y mejorar la experiencia del usuario.

Para ello debíamos realizar un pequeño rediseño de una web de prueba con información acerca de Beethoven…

Assignment 6: Redesign a non accesible site

Bueno, la tarea de esta semana del Curso de la W3C de Introducción a las Mejores Prácticas de la Web Móvil estaba orientada a reconocer los errores a la hora de codificar una web para que se vea correctamente en los dispositivos móviles.

Para ser exactos, los objetivos eran:

* Aprender el código y etiquetas que no debemos usar.
* Identificar los errores de diseño y etiquetas.
* Evitar y saberlos corregir para realizar un diseño usable desde un dispositivo móvil.
* Aprender las técnicas para reemplazar los popups, las tablas anidadas, las tablas de maquetación, los gráficos para espaciar, los frames o marcos y los mapas de imagen.

He de decir que esta práctica, aunque me ha recordado varias cosas, ha sido más lenta y trabajosa que aprovechable, pero bueno, supongo que para demostrar que has aprendido y leido los contenidos hay que mancharse las manos…

Assignment 1: Caixa Galicia, Libro de Apuntes, Menéame

Esta es mi aportación al curso de la W3c «An Introduction to W3C’s Mobile Web Best Practices»

Esta semana nos han solicitado realizar un análisis de 3 sitios web que mantengamos, trabajemos o visitemos con frecuencia.

El análisis debía incluir la respuesta a tres preguntas:

* ¿Qué funcionó correctamente?
* ¿Qué encontraste incómodo o difícil?
* ¿Cómo mejorarías la experiencia?…

Chuletas Web Móvil Best Practices

Al estilo de W3C Quick Tips to Make Accessible Web Sites podemos descargarnos las Tarjetas de Buenas Prácticas en Web Móvil (también disponibles en inglés Mobile Web Best Practices Flipcards).
Es una buena iniciativa para facilitarle la vida a editores de contenido y diseñadores web (¡y para el resto!).

Por desgracia no las envían a casa gratuitamente como las anteriores…

BrowserShots ¿Es tu web compatible con todos los navegadores?

BrowserShots es una herramienta que nos permite visualizar como se mostra nuestra página web en casi cualquier navegador.

Al estilo del validador xhtml de la W3C lo único que debemos hacer es incluir nuestra url y seleccionar los navegadores que queremos simular.

Sin duda es una de las mejores herramientas que conozco para la gente que trabajamos en entornos donde no podemos disponer de todas y cada una de las versiones de navegadores existentes…

rss_link_lateral: Mi primer Widget para WordPress

Pues como se puede ver, estoy bastante verde en esto de Wordpress y hay cosas que a mi me parecen básicas, que no soy capaz de hacer de una manera sencilla.

Una de esas cosas fue agregar el enlace a las RSS en la barra lateral. Me niego a creer que nadie haya tenido el mismo problema antes, pero después de dos búsquedas infructuosas en google y otras dos en wordpress, me decidí a realizar mi primer widget para wordpress.

rss_link_lateral permite agregar el enlace del RSS de tu blog al menú lateral de tu tema de wordpress de una manera más o menos cómoda…

Google Eye Tracking y el Bounce Rate

El otro día, con motivo de la presentación de Google Full Value of Search, Google liberó un estudio de eye tracking sobre su web.

Dos conclusiones:

* El triángulo de oro sigue cumpliéndose a pesar del paso de los años.
* Los usuarios no saben distinguir la publicidad de los resultados relevantes. De hecho comentan que cunado le preguntaban a los usuarios porqué los resultados tenían un fondo diferente, ellos contestaban que era porque suponían que tenían mayor relevancia.

El «triángulo de oro» nos permite conocer las partes de nuestra web que van a captar la mirada de nuestros usuarios. Por ello es importante optimizar los contenidos que mostramos en dicha área y tratar de situar y estructurar en consonancia la información más relevante de nuestro sitio…

Rediseño del Libro de Apuntes

Un cambio de diseño no muy radical, pero al menos ya tenemos una cabecera 😉

Unas ligeras modificaciones de la css, un pequeño retoque a una foto (aplicar filtro «acuarela» en The Gimp) y listo.

Aún tengo que revisar lagunas cosillas, como los colores de los enlaces visitados, pero bueno hay que tener en cuenta que de momento «sólo» le he dedicado un par de horitas, veamos una comparativa…

« Página anteriorPágina siguiente »