Google ha anunciado en el blog de Google para webmasters que su nuevo algoritmo de busqueda ya esta disponible para todo el mundo (solamente para los que usen el interfaz en idioma ingles).

Segun podemos leer en su blog, han empezado a incorporar los sitios web que los usuarios bloquean, este cambio afecta al “long tail” de sitios web para ofrecer resultados de mas calidad, ya que estan mirando paginas con un trafico menor.

Tambien indican que este cambio afecta a casi un 12% de las busquedas.

Via: Wwwhatsnew

Social Bookmarking

Scuttle es un script de gestion de enlaces y marcadores con el que podremos crea nuestra propia version de del.icio.us

Sus principales caracteristicas son:

• - Facilidad de instalacion y uso
• - Multiusuario
• - Multilenguaje (tiene implementado el castellano)
• - Gestion completa de enlaces y marcadores (publicos, privados, compartidos con algunos usuarios…)
• - Tiene una extension para Firefox (Pincha aqui para descargarla)
• - Importacion desde XML (puedes generarlo desde del.icio.us)

Desde tuProgramador.Com os animamos a probar esta herramienta gratuita.

Descarga Scuttle desde aqui.

Social Bookmarking

Os presentamos un proyecto que hemos encontrado y nos parece MUY interesante:

El proyecto acaba de abrir sus puertas y ya cuenta con cerca de 45.300 usuarios registrados!

Un código QR (Quick Response Code) es un cuadrado pixelado que puede gráficamente representar una dirección de Internet y puede ser leido de forma muy  fácil a través de dispositivos móviles.

Los usuarios uQR.me podrán redireccionar su código QR a cualquier tipo de contenido en linea: su página web, su blog, su página de Facebook, su canal de Youtube, un track de Soundcloud, un archivo vCard..

Una vez decidido donde redireccionar el código personal, habrá que imprimirlo y pegarlo en cualquier objeto, muro, árbol etc..

Los primeros 50.000 usuarios que se registren en uQR.me, tendrán el gran privilegio de obtener una cuenta FOUNDER y tener varias ventajas gratuitas como por ejemplo estadísticas detalladas de acceso y redirección a los contenidos sin banners publicitarios, características que en el futuro no estarán presentes en las cuentas free.

Corre, date prisa, tu mundo virtual espera tener su espacio en el mundo real!

tuProgramador.com

Social Bookmarking

Son numerosas las ventajas de tener una extensión como Firebug en Firefox, al menos para los desarrolladores web.

El problema es que hay que probar en todos los demás navegadores: Opera, Internet Explorer, Safari, etc. Cada uno cuenta con extensiones o métodos de depuración propios pero tanta diversidad no ayuda.

Para resolver estos problemas, los desarrolladores de Firebug, han creado Firebug Lite.

Firebug Lite replica las herramientas más útiles de la extensión Firebug de Firefox como la consola o el inspector de XmlHttpRequest en Internet Explorer, Opera o Safari.

El resultado es soprendente y es que esta nueva versión de Firebug Lite ha revolucionado el concepto de debug de aplicaciones web. Da igual en que navegador estes desarrollando o teniendo problemas, con Firebug Lite creerás que estás en Firefox, con la confianza y seguridad que eso conlleva.

Uso e Instalación de Firebug Lite 1.2:

Para instalar esta extensión, lo único que tenemos que hacer es añadir en la cabecera de nuestras aplicaciones web, una simple linea:

    <script type='text/javascript'
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
    </script>

Desde este momento podremos simplemente arrastrar nuestra página en este enlace
que previamente habremos grabado en nuestros bookmarks:
Firebug Lite Bookmarlet

Firebug se puede utilizar también en local simplemente descargando los archivos desde este enlace,
sustituyendo la ruta del css dentro del archivo "firebug-lite.js"
y por ultimo incluyendo el javascript en la cabecera.

    <script type='text/javascript'
        src='/ruta/del/javascript/firebug-lite.js'></script>

Social Bookmarking

CSS2 se cimenta en CSS1 (véase [CSS1]) y, con muy pocas excepciones, todas las hojas de estilo CSS1 válidas son hojas de estilo CSS2 válidas. CSS2 brinda soporte a hojas de estilo específicas para cada medio, de modo que los autores puedan adaptar la presentación de sus documentos a los browsers visuales, a los dispositivos sonoros, a las impresoras, a los dispositivos braille, de mano, etc.

Esta especificación también soporta el posicionamiento de contenidos, fuentes descargables, disposición de la página, aspectos para la internacionalización, contadores y numeradores automáticos, y algunas características relacionadas con la interfaz del usuario.

El visual cheat sheet ofrecido por la página web woorkup.com está completo de descripciones detalladas y algunos ejemplos.

Podeis descargar la versión en PDF directamente desde aquí.

FUENTE:
http://woorkup.com/2009/10/02/css2-visual-cheat-sheet/

Social Bookmarking

En el portal TAW de la Fundación CTIC podemos encontrar un validador de accesibilidad web WCAG 2.0.

Esta versión del analizador de las pautas WGAG 2.0 está en versión BETA pública, sobre la que se irán implementando mejoras durante los próximos meses.

El Área de Tecnología que lo desarrolla, está abierto a las recomendaciones y propuestas de quienes deseen, en el correo info(arroba) fundacionctic (punto) org

Estas son las principales mejoras de este validador WCAG 2.0 con respecto al precedente validador:

• Incorporación de la validación de la gramática html y css automáticamente en el análisis.
• Incorporación de nuevas comprobaciones para las hojas de estilo.
• Actualización del informe de resultados, para proporcionar una mayor información tanto para la detección como ayuda para la reparación de las incidencias encontradas y que esta información se presente de forma clara y precisa/concisa.
• Nuevo motor de javascript que permite analizar no sólo el código html de la página si no también el código generado dinámicamente mediante este lenguaje.

Social Bookmarking

En este post incluimos alguna de las ideas básicas sobre la usabilidad de una página web que todos deberíamos tener en cuenta.

Además, lo que consideramos especialmente interesante, incluimos tres tests para analizar si una determinada página cumple con nuestros objectivos de usabilidad.

Una de las frases que más representan cualquier estudio de usabilidad es “debemos construir interfaces que reduzcan el esfuerzo del usuario”.

Esta es una de las claves de una interfaz bien diseñada. Es la misma idea que plasmó muy eficazmente Steve Krug en su clásico libro “No me hagas pensar“. La propia apariencia de la interfaz sin observarla en detalle, sin detenerse demasiado para analizarla, debe transmitir el máximo de información posible.

Por ejemplo:

• la propia apariencia y situación del menú de navegación de un sitio web debe indicar claramente que es el menú del sitio, no debería hacer falta leer sus distintas opciones para inferir que se trata de un menú.
• debe claramente intuirse la opción activa del menú sin esfuerzo
• debe identificarse rápido y sin dificultad cual es el logo identificador del sitio
• qué es enlace y que no
• cuál es el título de la página

Ejercicios interesantes para saber hasta que punto una determinada página de un sitio cumple este objetivo es la realización de alguno de los test siguientes:

Navigation Stress Test (Autor: Keith Instone)

Método:

• Seleccionar aleatoriamente una página interna del sitio (no la página de inicio)
• Imprimir la página en blanco y negro sin que aparezca el URL
• Imaginando que se ha entrado al sitio por primera vez a través de esta página, se debe tratar de responder a las preguntas siguientes:
  • ¿sobre qué trata esta página?
  • ¿qué sitio es este?
  • ¿cuáles son las secciones principales del sitio?
  • ¿dentro de qué sección principal está la página?
  • ¿qué hay un nivel más arriba?
  • ¿cómo voy a la página de inicio?
  • ¿cómo voy a la página de inicio de la sección?
  • ¿qué representa cada grupo de vínculos?
  • ¿cómo llegas a esta página desde la página de inicio?
• Marcar sobre el papel las respuestas
• Tomar a personas que no tengan nada que ver con el sitio y repetir el test

Ensayo del maletero (autor: Steve Krug, aparece en su libro “No me hagas pensar”. A partir de la página 87).

Es similar al Navigation Stress Test pero añadiendo mayor dificultad de visibilidad.

Metodo:

• Seleccionar aleatoriamente una página interna del sitio (no la página de inicio)
• Imprimir la página en blanco y negro sin que aparezca el URL
• Mantenerla a la distancia del brazo o entrecerrar los ojos de forma que no se pueda estudiar muy de cerca
• Trazar un círculo, tan rápido como se pueda, en todos los elementos siguientes:>
• Identificador del sitio
• Nombre de la página
• Secciones y subsecciones del sitio
• Navegación local
• Indicadores de situación
• Búsqueda

Técnica de Thomas S. Tullis (Vicepresidente de Experiencia de Usuario de Fidelity)

Técnica similar a las anteriores pero añadiendo una nueva dificultad al usuario: los textos deben mostrarse sin significado, ilegibles o en otro idioma.

Todas estas técnicas tienen una ventaja común: se pueden realizar informalmente de formasencilla y detectar, con un coste muy bajo, problemas de usabilidad importantes en nuestras interfaces. Esperamos que os sean útiles en vuestro día a día.

FUENTE:
http://www.usolab.com/wl/2009/10/reduciendo-el-esfuerzo-del-usuario.php

Social Bookmarking

Suponemos de querer 3 elementos distribuidos horizontalmente dentro de una capa contenedora.

<div id="contenedor">
    <div class="seccion"></div>
    <div class="seccion"></div>
    <div class="seccion"></div>
</div>

Para distribuir los elementos "seccion", dentro de la capa contenedora,
se podría pensar de aplicar un  margin-left a la clase .seccion. 

En este caso pero, tendríamos el problema de la ultima capa a la derecha que no cabría
dentro del contenedor.

La solucion es utilizar el selector CSS :first-child para aplicar un estilo al primer elemento
dentro de la capa contenedora "contenedor".

Primero hay que definir un estilo a la capa contenedora:

#contenedor { width: 640px; height: 300px; }

luego hay que aplicar un estilo a la clase “seccion” de los tres elementos:

.seccion{
    float:left;
    height:300px;
    margin-left:10px;
    width:200px;
}

y entonces podremos sobrescribir el estilo del primer elemento dentro de la capa
contenedora:

Atención: IE6 no soporta este selector.

Social Bookmarking

La sencillez de su sintaxis y la poca extensión del código que necesitas escribir son las características más notables. Si hicieras lo que hace jQuery con getElementById y window.onload no solo tendrías que escribir mucho, si no que surgirían muchos errores si no eres un experto en JS.

Aquí teneis una colección de los mejores plugins de jquery.

FacyBox – jQuery Based Facebook/FancyBox Style Lightbox

Es un componente que permite la visualización de imágenes, divs o enteras páginas como si fuera una FancyBox o una ventana de Facebook.

jQuery Infinite Carousel Plugin

Es un carrusel de imágenes que a diferencia de la mayoría de carruseles, no para al acabar el primer ciclo.

NyroModal – jQuery Modal Plugin

NyroModal es un plugin jQuery que permite abrir ventanas modales con imágenes, capas o páginas HTML cargadas en Ajax.

jQTouch – jQuery Plugin For Mobile Web Development

jqTouch es un plugin jQuery que permite la creación de páginas web para los navegadores del iPhone, del G1, o del Pre.

AnythingSlider jQuery Plugin

AnythingSlider es uno de los mejores plugins jQuery para construir slides en tu página simplemente añadiendo unas etiquetas ‘li’.

jQuery YouTube Playlist Plugin

YouTube Playlist Plugin es un plugin jQuery que permite crear una lista de reproducción de videos. Con solo proporcionarle un listado de videos el plugin se encarga de crear la lista y reproducir los videos.

Uploadify – Multiple File Upload Plugin For jQuery

Uplodify es el mejor plugin jQuery para la subida múltiple de imágenes que tu puedas encontrar.

Encrypting HTML Form Data With jCryption

jCryption es un plugins jQuery que permite la encriptación de las peticiones GET y POST de un form HTML.

Content Translation With jQuery Translation Plugin

Sundaymorning es un plugin de jQuery que permite ofrecer su sitio en 30 idiomas a sus visitantes de una forma sencilla y elegante.
También disponible como Bookmarklet.

Horinaja Slide Show Plugin For jQuery And Scriptaculous

Horinaja es un plugin jQuery para la creación de un slide show de imágenes. Permite de reproducir la presentación con la ruedecita del ratón.

jQuery Week Calendar Plugin

The jQuery Week Calendar es un plugin jQuery para la creación de un calendario semanal. Es muy fácil de instalar y configurar y tiene muchísimas opciones.

AD Gallery – jQuery Gallery Plugin

AD Gallery es un plugin jQuery que permite la creación de una galeria de fotos o slide show. Es muy facil de instalar y configurar y tiene la posibilidad de elegir entre varios efectos visuales como: scroling horizontal y vertical, fade, shrink/grow y wild.

jqDock – Fish Eye Menu Powered By jQuery

jqDock es un plugin jQuery que permite la creación de un “dock MAC” con efecto “fisher eye”. Transforma cualquier conjunto de imágenes o elementos en una barra de herramientas MAC o WINDOWS 7.

AnythingZoomer – jQuery Plugin to Zoom Anything

AnythingZoomer es un plugin jQuery que permite ampliar cualquier área de tu sitio web con extrema facilidad.

jMonthCalendar – Full Month Event Calendar Using jQuery

jMonthCalendar es un plugin jQuery para la creación de un completo calendario de eventos. Lo único que hay que hacer es configurarlo y el lo hará todo por ti.

Put Twitter Live on Your Website With Juitter jQuery Plugin

Juitter es un plugin jQuery que permite tener en nuestras páginas un componente que muestra todos nuestros tweets.

Jcrop – The jQuery Image Cropping Plugin

Jcrop es un plugin jQuery que permite recortar imágenes online de manera fácil y sencilla.

jQuery UI Selectmenu Plugin

jQuery UI Selectmenu Plugin añade funcionalidades
y un aspecto gráfico agradable a un select HTML. Permite añadir iconos, opciones en sub niveles etc..

FUENTE ORIGINAL EN INGLES:

http://visionwidget.com/inspiration/web/398-latest-jquery-plugins.html

Social Bookmarking

Una de sus ultimas aportaciones es una chuleta para jQuery 1.3. Esta chuleta (o Cheat Sheet ) de 6 páginas, contiene referencia a toda el API jQuery con una descripción detallada y algunos ejemplos de uso.

Podeis visualizar el PDF directamente desde Scribd pinchando aquí.

Podeis descargar el PDF completo desde este enlace.

FUENTE ORIGINAL:
http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html

Social Bookmarking