El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Archive for marzo, 2009

Curso gratuito y certificación de Google Analytics

Supongo que todos tenemos más o menos media idea de como interpretar nuestras estadísticas ya que, la mayoría, convivimos con ellas diariamente.

Google Analytics es el servicio más extendido, al menos de los gratuitos, y uno de los que más funcionalidades nos ofrece. Por eso este curso gratuito que lanza Google creo que nos vendrá muy bien a todos.

El curso está dividido en cuatro epígrafes: primeros pasos, interpretando los reportes, fundamentales y análisis en profundidad. Las lecciones se desarrollan mediante presentaciones que se nos recomienda observar atentamente y rebobinar tantas veces como necesitemos para asegurarnos de que no nos perdemos nada.

Desgraciadamente el curso está sólo en inglés añadiendo un punto extra de dificultad para los que no manejan el idioma con fluidez, no obstante ya que las presentaciones están basadas en screencasts pueden ser igualmente útiles.

Si estamos interesados en certificarnos como profesionales de analytics al finalizar las lecciones podremos acceder a un examen oficial, previo pago de 50$. Así la familia de certificaciones profesionales de Google crece sumando esta a las ya existentes de AdWords.

Vía La Brújula Verde

Herramientas Online, SEO y SEM

3 Comentarios

jQuery Captify, pies de foto con jQuery

jquery captify

Si sueles emplear muchas fotos en tus sitios y te apetece colocarles unos pies de foto elegantes de verdad, echale un vistazo a jQuery Captify.

Mediante este plugin podrás incorporar pies de página que aparecerán cuando el usuario pase el ratón por las fotos y que, para los usuarios que no tengan javascript no supondrán ninguna molestia.

Para crear nuestros pies de foto podremos optar por dos formas: mediante el atributo alt (es decir, cogemos el atributo alt que ya deberían llevar todas nuestras fotos y lo mostramos a nuestros usuarios como pie de foto) o creando un div que contenga el pie de foto y asociándolo con la foto mediante el atributo rel.

<!-- Mediante el atributo alt -->
<img src="theimage.jpg" class="captify" alt="Caption Text" /> 

<! -- Creando un div y asociandolo mediante el atributo rel -->
<img src="theimage.jpg" class="captify" rel="caption1" />
<div id="caption1"> Flickr // Pilot and Index </div>

Nuestros pies de foto además, podrán ser animados (efecto slide o fade) o fijos y, a diferencia de otros plugins similares, jQuery Captify está preparado para ser empleado en entornos de producción.

jQuery Captify:
http://masterfidgeter.com/projects/captify/

Javascript

2 Comentarios

CSS Orientado a Objetos

Si hay algo que reprocharle a las hojas de estilo en cascada (CSS) es que cada uno las escribimos de la forma que mejor nos conviene y no siempre las optimizamos, tanto en peso como en reutilización de elementos.

Nicolle Sullivan hace una aproximación a las CSS orientadas a objetos (OOCSS), de manera que se generen una serie de modulos reutilizables y seamos capaces de crear hojas de estilo ligeras y manejables incluso para sitios grandes.

Además de presentarnos la idea mediante la metáfora de crear piezas de lego con las que ir construyendo nuestros sitios, de manera que mantengamos la consistencia en el diseño, el respeto por los estándares, la semántica (separando los contenedores del contenido y el código del diseño) y el peso de los archivos de estilos bajo control, nos deja su código fuente liberado con licencia libre en GitHub.

El concepto me parece muy interesante, sobre todo desde el punto de vista de la facilidad de legar el código a otros desarrolladores y permitir crear nuevas páginas de un sitio con rapidez, sin duplicar elementos y manteniendo la consistencia a lo largo de todo el sitio, independientemente de quien haya tocado.

¿Qué os parece a vosotros?

Vía Ajaxian

CSS

5 Comentarios

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna