Siguenos en Twitter - tuProgramador.com
Contactanos por telefono - diseño web
tuProgramador.com empresa de diseño web en valencia
blog
13 de Abril de 2011

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



Etiquetas: , , ,
Publicado en Noticias | No hay comentarios »
12 de Abril de 2011

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.



Etiquetas: , ,
Publicado en Recursos programacion | No hay comentarios »
7 de Noviembre de 2010

uQR.me | Donde tu mundo virtual se hace realidad

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

uQR.me | Donde tu mundo virtual se hace realidad

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

¿Que es uQR.me?

uQR.me es una herramienta social gratuita diseñada para compartir contenidos de Internet a través del mundo real.

Para conseguir esta “magia” uQR.me asigna a cada usuario registrado un código QR personal.

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..

Las aplicaciones son infinitas de hecho uQR.me ya cuenta con varias empresas que utilizan estos códigos de forma profesional para la creación de fichas de productos, promociones puntuales, merchandising o de business card conectadas a las vCards personales de los empleados.

En pocas palabras, los códigos QR vinculan objetos del mundo real con el mundo web, introduciendo una nueva dimensión en la vida cotidiana.

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



Publicado en Noticias | No hay comentarios »
19 de Octubre de 2009

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>


Publicado en Noticias | No hay comentarios »
16 de Octubre de 2009

Esta chuleta para CSS2 contiene todas las principales referencias para trabajar con CSS 2.

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/



Publicado en Artículos, Recursos diseño web | 1 comentario »
14 de Octubre de 2009

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.


Publicado en Artículos | 2 comentarios »
13 de Octubre de 2009

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



Publicado en Artículos | 2 comentarios »
8 de Octubre de 2009

En este articulo vamos a explicar como distribuir horizontalmente varios elementos dentro de un contenedor utilizando CSS.

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:
#contenedor div:first-child{margin-left:0px;}

Atención: IE6 no soporta este selector.



Publicado en Artículos, Recursos diseño web | 2 comentarios »
30 de Septiembre de 2009

jQuery es una libreria de JavaScript, pensada para interactuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.

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.

FacyBox – jQuery Based Facebook/FancyBox Style Lightbox

Leer el resto de esta entrada »



Publicado en Artículos, Recursos diseño web | 2 comentarios »
24 de Septiembre de 2009

La página web de woork es un  recurso muy interesante y proporciona muchisimos recursos sea para diseñadores sea para programadores.

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



Publicado en Artículos, Recursos diseño web | 1 comentario »
« Entradas más antiguas