Archivo para ‘Actualidad de la Web’ Categoria

La línea del tiempo del desarrollo Web

16 de Junio de 2009

El gráfico creado por Felipe Micaroni Lalli, representa la historia de las tecnologías, estándares y navegadores que han hecho posible el crecimiento de la Web.

Lo más probable es que el gráfico deberá ser reescrito en breve ya que poco a poco vemos llegar HTML5, Silverlight 3 está a punto de ver la luz (programado para el 10 de Julio ) y por si fuera poco, Opera hoy acaba de reinventar la Web con su ¡navegador-servidor!

LLega Youtube XL, el Youtube más grande

5 de Junio de 2009

Especialmente dedicado para ver los contenidos de Youtube, pero en televisores, llega: Youtube XL.

Con Youtube XL es más fácil navegar por los vídeos, pulsar los controles y en general poder interactuar con los contenidos de Youtube. Vamos casi le podían haber puesto XXXL, pero no sé si ya estaba pillado… :)

Explicación gráfica: HTML5 vs HTML4

5 de Junio de 2009

Ya lo tenemos aquí, el HTML5 está entre nosotros, quizás sea porqué Google lo anuncia a bombo y platillo.. (página de demo en Youtube, controles multimedia para mostrar vídeos), claro que de momento el invento sólo funciona en Chrome, Safari4, Webkit, Firefox 3.5 y no sé cual otro más….

En la explicación gráfica se ve claramente la diferencia que implica el paso a esta nueva revisión del estándar HTML. Vamos a poder llamar cada cosa por su nombre, lo que se supone una mejora en la representación de la información y la estructura de las páginas en general.

Fuente: anieto2k

Publicada la O3D, el 3D en nuestros navegadores

22 de Abril de 2009

Google ha publicado una nueva API open source llamada O3D. Sirve para poder crear aplicaciones interactivas en 3D que se visalizan en nuestros navegadores.  Usando Javascript podemos crear, mostrar, manipular un mundo virtual en 3D, seguramente quede poco para ver el próximo shooter de éxito funcinando en Firefox ^^!

Al igual que el Flash, es necesario un plugin para cada sistema operativo para hacer funcionar las aplicaciones O3D.

Hay versión para Windows y Mac, y los usuarios de Linux deben seguir estas instrucciones para compilarlo.

Más ejemplos:

Fuente: anieto2k

Los nuevos dominios .tel

9 de Abril de 2009

Desde hace apenas unas semanas ya se pueden registrar libremente dominios .tel

¿Qué son los .tel?

Son un nuevo tipo de dominio exclusivamente para mostrar información personal de contacto, tanto para empresas como para particulares. La empresa registradora de este tipo de dominio se llama Telnic. Una cosa importante a tener en cuenta, es que no se necesita de una Web en si mismo para mostrar la información, Telnic, nos ofrece todo lo que necesitamos para mantener la información actualizada, mediante un panel de gestión para modificar los datos de nuestro dominio.

Casi todas las empresas dedicadas al registro de dominios ya ofrecen en sus servicios la posibilidad de registrar .tel y en muchos casos con grandes ofertas aprovechando su recién lanzamiento,

Existe un poco de controversia ya que al mismo tiempo que la ICANN (Corporación de Internet para la Asignación de Nombres y Números) aprobó los dominios .tel, también aprobó los .mobi, esto puede suponer una superposición de uso de estos dos tipos de dominios ya que los dos están pensados para dispositivos móviles y facilitar que los usuarios puedan compartir información de contacto.

Para entender mejor los usos de los dominos .tel, dejo el vídeo del anuncio promocional, se ve claramente, que en la teoría, los .tel pueden ser muy útiles:

Lanzamiento de jQuery 1.3

15 de Enero de 2009

Los chicos de jQuery (uno de los mejores framewoks javascript), han lanzado una nueva versión en los últimos días. Se trata de la versión 1.3.

En esta nueva versión de jQuery se ha visto incrementada sustancialmente la velocidad en la mayoría de aspectos. Básicamente la mejora de velocidad de ha mejorado cambiando el selector de elementos, ahora se utiliza Sizzle. Por otro lado se ha reescrito la inyección de HTML haciendo hasta 6 veces más rápida esta.

Para conocer más sobre esta versión de jQuery no olvides visitar la documentación oficial.

Descargar

jQuery Minified / jQuery Regular


Google Maps más accesible sin Javascript

8 de Enero de 2009

Es posible mejorar la accesibilidad de Google Maps a través de la implementación de la Google Static Maps API, que permite incluir una imagen simple mediante el tag <img> y una URL especificado en el atributo “src”.

Ejemplo: http://maps.google.com/staticmap?center=41.539402,2.441468&markers=41.539402,2.441468,red&zoom=17&size=400×300&key=TU-CLAVE-GOOGLEMAPS

Ejemplo Imagen API Estática de Google Maps

Pero no solo se trata de ganar en accesibilidad. Por ejemplo, si implementamos una versión imprimible del contenido, se podrá visualizar fácilmet que salga la imagen que se genera con dicha API.

Información para el Nuevo Diseño Web

5 de Enero de 2009

El Diseño de la información para la Web ha cambiado.

La gente está cambiando la forma en que consumen información en línea, así como sus expectativas acerca de su entrega. La naturaleza social de la web trae consigo una expectativa de interacción con la información y moderno diseño web que se refleja. En la actualidad existen formas alternativas de navegación, incluida la capacidad para navegar por el usuario, las nubes de etiquetas, con pestañas de navegación etc avances en la tecnología junto con estos cambios en las expectativas de los usuarios están afectando a la forma en que la información se presenta en una página web. Hoy son sitios web con el objetivo de utilización intuitiva y las interfaces que están en continua evolución en respuesta a las necesidades de los usuarios. Los diseñadores de página web se están acercando a la información de diseño diferente y sencillo diseño, páginas web interactivas que incorporen los avances en el diseño de la interfaz Web, Web actual filosofías y las necesidades de los usuarios. El diseño de la información para la nueva web es sencilla, es social y que abarca otro tipo de navegación.

Simplicidad de Aplicaciones Web

El diseño de aplicaciones web de hoy está dirigido por un principio de simplicidad. Los autores de Aplicaciones están creando software que tienen menos funcionalidades y una menor curva de aprendizaje para los usuarios finales. La funcionalidad que se incluye es la que es necesaria, nada más. Los días de las aplicaciones que están demasiado cargadas de características están pasando. Hoy son la potenciación de programas de software a los usuarios, ya que no necesitan un manual para utilizarlas, que son simples e intuitivas. No hay ningún software para instalar, y con el compromiso de muchos de registro de usuarios no es necesaria para probar la funcionalidad.

Esta filosofía de “menos es más” se puede ver en la actualidad en herramientas de productividad como Google Docs y Hojas de cálculo (antiguo Writely), además de un montón de otras aplicaciones Web. Estos nuevos sitios web se rigen por una singularidad de propósito y la sencillez en su funcionalidad.

Simplicidad de diseño

Esta nueva tendencia de la simplicidad de la funcionalidad de la aplicación web se refleja en el diseño y el estilo de las páginas web de hoy. Si bien se utilizó para tratar de meter tanta información como sea posible en nuestras páginas web, y de preferencia “por encima de la tapa”, en la actualidad las páginas web de los diseñadores se esfuerzan por eliminar lo innecesario, mostrando una interfaz limpia y simple para los visitantes. Ellos están intentando involucrar a la atención de los usuarios de la Web aprovechando sus ojos a lo que es importante.

Muchos de los nuevos cambios en el diseño web han sido influenciados por las tendencias estilísticas de la Apple y la interfaz de Mac OSX. Un léxico de diseño moderno que se ha desarrollado para la Web que se ha establecido como el diseño con un propósito, no sólo el diseño para su propio bien.

*Diseño Centrado

Somos capaces de presentar nuestra información en un lugar limpio y seguro de sí mismo centrado en la orientación. Este diseño es una opción práctica porque es mucho más compatible con distintos tamaños de pantalla y resoluciones.

*Bordes redondeados

La tendencia actual es para redondear las esquinas, incluso en las fuentes – no presentar nada agudo o grave. Es el reflejo de la actitud y el tono informal de hoy en la Web.

*San Serif y Fuentes minúsculas

En armonía con el tono casual de la nueva web, y la tendencia a redondear las esquinas, hay un montón de fuentes san serif que se encuentran en la actualidad de las nuevas páginas web. Del mismo modo, las minúsculas son las fuentes utilizadas, sobre todo en el logotipo para transmitir una cómoda y ocasional relación con el usuario.

*Fuentes grandes

Estas son a menudo utilizadas por los nuevos sitios Web para señalar los conceptos clave a los usuarios, o para transmitir con valentía un simple y claro mensaje acerca de la finalidad principal del sitio web.

*Navegación simple

La navegación por páginas Web Nueva es distinta y clara, se establece además de los ocupados del contenido y el cuerpo de la página. A menudo se encuentra en ejecución en la parte superior de la página. Es persistente el sentido de que aparece en cada página en todo el sitio web.

*Logos en Negrita

Las nuevas aplicaciones Web son audaces y confiadas y también lo son los logotipos de la compañía que representan sus marcas.

*Colores fuertes

Estos son utilizados por los sitios web de hoy a hacer hincapié en conceptos importantes, así como para la creación de la distinción entre zonas de una página.

*Colores complementarios

Los sitios web modernos tienden a no ser monocromáticos, pero ricos en color. Muchas de las nuevas páginas web están utilizando los colores complementarios, como los azules y naranjas, y amarillos y violetas para enriquecer su diseño.

*Sutil 3D

No encontraremos efectos chillones 3D o ilusiones ópticas en las nuevas páginas web de hoy, sino un sutil uso de sombras, gradientes, y reflejo de superficies que añaden un borde realista a la interfaz.

Superficies reflectantes

Esta tendencia de crear el efecto de una reflexión, o espejos de superficie se puede encontrar en muchos de los nuevos sitios web, a menudo en torno a un logotipo.

Iconos simples

Debido a la verdadera naturaleza de la Nueva Web hay muy pocas o ninguna fotografía. En el lugar de la comercialización de estas imágenes con gente de negocios felices agitando las manos, tenemos originales iconos que representan las acciones que pueden ser adoptadas por el usuario.

Blanco

Diseño y mantenimiento de un sitio simple y Zen-como la disposición por el aumento de alturas y añadiendo la línea de los lotes a las páginas en blanco. En lugar de exclusión de la página con la sobrecarga de información, la nueva web de los diseñadores se centra en lo esencial, y en la producción limpia y fresca páginas.

Starbursts

La emocionante explosión de formas está muy de moda en los sitios web. Se pueden encontrar en toda la Web, y la mayoría de las veces son utilizados para promover y destacar un servicio gratuito.

Los avances en interfaces de usuario

Además de los estilos de diseño, se han producido varios avances recientes en diseño de interfaz de usuario que han hecho de la web un simple lugar para estar.

AJAX – es una evolución en el diseño de la interfaz web que permite que la ver la información que se procesa sin volver a cargar la página. Este adelanto ha traído consigo varias nuevas capacidades en el diseño de página web.

Grandes pestañas

Alternar entre las pestañas es ahora totalmente posible sin volver a cargar la página, los diseñadores Web están haciendo un buen uso de ellas.

Drag & Drop

La funcionalidad de arrastrar y soltar que permite AJAX permite a los diseñadores crear ricas experiencias interactivas para los visitantes del sitio web. Muchas de las actuales aplicaciones de la página de inicio personal utilizan esta funcionalidad, que permite a los usuarios arrastrar los widgets y gadgets que desee en su espacio personalizado.

Mapas

Hace apenas unos años era ridículo pensar que se podía combinar cualquier conjunto de información con un mapa del mundo y permitir a los visitantes de su sitio web ampliar la foto en la calle e incluso obtener una foto de satélite de la zona. Sin embargo, las capacidades de mapeo se están convirtiendo en un lugar común y parte integral de la experiencia del usuario de hoy. Y son algo que los usuarios llegan a esperar.

Wysiwyg

Ya no es necesario conocer el código HTML para crear contenido en línea. Blogs, wikis, sistemas de gestión de contenidos, y otras aplicaciones basadas en web están ofreciendo “Lo que usted ve es lo que obtiene” editores que imitan una palabra-como el interfaz de contenidos.

Previas

Acerca de esta tipo de web a los visitantes ya no les es necesario el compromiso de hacer clic a través de otro sitio antes de saber exactamente lo que veremos allí. A través de aplicaciones tales como el ajuste, es posible proporcionar a los usuarios con página web todas las vistas previas de los enlaces de una página.

Social

Existen al menos dos tendencias que se perfilan en el diseño de sitios web de hoy, y cada vez hay mas cruce entre los dos.
La socialización de los medios de comunicación y sus aplicaciones

Ha surgido en la Web una tendencia hacia la socialización de las cosas que no son inherentemente social, tales como libros, fotos, videos, y el texto como artículos de noticias, documentos. Esta inclinación se extiende a las aplicaciones Web como la colaboración en la gestión de los proyectos incluidos en programas de Base, documentos para compartir aplicaciones como Google Docs y Hojas de cálculo, y muchos otros. Con estos cambios se añade una expectativa entre los usuarios que ahora supongo que será capaz de interactuar con la información a descubrir en la Web.

Comentando

Los visitantes del sitio Web ya no son pasivos lectores, sino que activamente quieren unirse a la conversación y añadir sus comentarios.

Calificación y Revisión

Calificación de autoría de los artículos y comentarios son capacidades que se están convirtiendo rápidamente en requisitos para los sitios web con los productos y medios de comunicación.

Compartir

En el día de hoy la página web de un usuario es una colaboración que espera que las aplicaciones web, documentos, calendarios y de otras herramientas de creación de contenido para ser compartidos con un equipo.

Guardar

Multitarea Web de los usuarios que esperan para poder marcar los artículos para leer más tarde, de entretenimiento, favoritos, de videos, y otros. Guardar el contenido de la Web en su propio servicio de marcadores con un clic.

Variedad de opiniones

Cuando los lectores encuentran una noticia interesante en un sitio web, quieren saber lo que otros están diciendo sobre el tema. Esto es posible a través de servicios tales como SphereIt y otros.

Para el bien social

Además de los sitios web que socializan los medios de comunicación y las aplicaciones, existen sitios web que son de índole social para el bien social. Estos sitios web son todos acerca de la conexión de las personas y la construcción de comunidad. Son los sitios web de redes sociales como el MySpace, Facebook y las redes de Ning. El principal componente en estos sitios es el perfil de usuario en torno a la cual tanto la navegación y la actividad gira. Este tipo de sitio web requiere también una interfaz de línea de base de la funcionalidad social.

Perfil de Usuario

El ingrediente principal en cualquier sitio de redes sociales es el perfil de usuario que puede adaptarse para que coincida con la personalidad de un usuario.

Listas de amigos

¿Cuál es el punto de unirse a una comunidad social si no se puede hacer amigos? La lista de amigos permite a las personas crear su propia red de relaciones sociales y mostrarlos al mundo.

Mensaje y comunicación

Una parte integral de cualquier red social es un medio con el que comunicarse con los demás miembros, ya sea un sistema de mensajería interna, correo electrónico, mensajería instantánea, hablar o vivir.

Suscribir Usuario

Al igual que con sitios web de medios de comunicación social, los miembros de las comunidades de redes sociales esperan encontrar las herramientas que les permite suscribirse a los miembros que encuentran interesante.

Grupos

Estas sub-comunidades están dentro de un ecosistema social en la que los miembros se asocian con un grupo enfocado de personas que comparten un mismo interés, la profesión, o característica.

Herramientas para la expresión

Populares sitios de redes sociales a disposición de sus miembros con las herramientas para crear contenidos tales como diarios personales y blogs, así como la posibilidad de cargar los medios de comunicación y otros elementos como fotografías, diapositivas, videos y todo tipo de artilugios.

A diferencia de los medios de comunicación social el diseño de estas herramientas de la comunidad debe ser fácil para los miembros de utilizar, al alcance de la mano, y obvio.

El usuario

No es suficiente sólo encontrar información, la gente quiere explorar y encontrar uno al otro como individuos. Este tipo de navegación es natural en los sitios web de redes sociales donde el objetivo principal es conectar con otros miembros.

La Nube de etiquetas

Este es un complemento de la taxonomía para el vocabulario controlado de un sitio web creado por los diseñadores, que es orgánico a la comunidad de usuarios. No hay instrucciones exigidas con esta herramienta intuitiva que es, obviamente, hacer clic y con frecuencia.

El Comienzo de la página

Incluye tales como listas de los más populares, más buscado, más reciente, comentarios arriba, mas votado… Esta característica proporciona un resumen de lo que es más importante en una comunidad en un momento dado. Todavía hay espacio para la lista de los editores a sus propios elementos, junto con estas listas de la comunidad.

El Zeitgeist

Este es un contenedor para todos los de la parte superior y la mayoría de las listas, así como las nubes de etiquetas, proporcionando una visión de la cultura y la personalidad de un determinado sitio web.

Widgets – Gadgets

Se trata de la agregación de datos personalizados en un solo lugar, y navegar desde ahí. Los Sitios web ya no muestran simplemente texto, pero son aplicaciones que contienenn otras aplicaciones.

Mashups

Los usuarios de la Web están creando sus propias maneras de navegar por la información, remezclar el contenido de diferentes servicios para crear nuevas aplicaciones.

Principios de Diseño para la nueva web

* Manténgalo Simple – Incluir sólo la funcionalidad necesaria y proporcionar un eficiente diseño limpio.
* Hágalo Social – Conozca las expectativas de los usuarios que permitan conexiones a través de herramientas sociales.
* Oferta de navegación alternativa – reflejar el espíritu de la época de la web la comunidad y abrazar las vías alternas a la información, también la utilización de herramientas visuales.

Nueva Web de Filosofías

* Evolucionar – Hoy en día los creadores de sitios Web no tienen miedo a probar cosas nuevas. No hay ninguna respuesta correcta y no todo necesita ser resuelto desde el principio.
* Ser Ágil y abierto- Responder a los avances en la tecnología y los cambios en las necesidades del mercado. Estar dispuestos a abandonar malas ideas

La WCAG 2.0 pasa a ser una recomendación de la W3C

2 de Enero de 2009

El 11 de diciembre de 2008 la W3C anunció, como se esperaba para finales de dicho año, que la WCAG 2.0 (Web Content Accessibility Guidelines 2.0 – Guía de Accesibilidad de Contenidos 2.0) se establece como una recomendación en el diseño de páginas Web, actualizando a su predecesora WCAG 1.0.

La WCAG es un estándard referenciable de la accesibilidad de los contenidos en la Web. La versión 2.0 no cambia los principios de accesibilidad de su predecesor 1.0, aunque se acerca más a las nuevas tecnologías implementadas en la Web de hoy en día. Del mismo modo se ha hecho más práctica y fácil de implementar aplicación que automaticen su validación. Para comprender estas diferencias es importante consultar How WCAG 2.0 Differs from WCAG 1.0.

Sin embargo, su aplicación en una Web puede significar poco o ningún esfuerzo, dependiendo del tipo y de la cantidad nuevas tecnologías implementadas en el desarrollo de dicha Web.

Web developer para firefox

24 de Diciembre de 2008

Hoy en dia los desarrolladores puden contar con diversas herramientas para facilitar un poco la tarea del desarrollo de una página web. En este caso firefox nos ofrece un add-on llamado web- developer. Este add-on adjunta al navegadorun menú con muchas opciones que nos permitirán provar cosas en nuestros desarrollos. Este menú se divide en las siguientes opciones principales Disable, Cookies, CSS, Forms, images, Information, Miscellaneous, Outline, Resize, Tools, View Source, Options.

  • Disable: Te permite deshabilitar varias de las posibles cosas que tenemos en en navegador: como el javascript, la caché, etc…
  • Cookies: En esta opcion te permite borrar las variables de sesión, o deshabilitarlas, etc…
  • CSS: Otra opción que nos permitirá deshabilitar los estilos o poderlos ver. También nos dara la opción de deshabilitar los estilos linkados en alguna hoja, o solo los que estan en el mismo html, etc…
  • Forms: Permite visualizar los formularios, pasarlos de get a post o de post a get, borrar las selecicones del radio button, etc..
  • Images:Nos permitirá ver las dimensiones de las imágenes, los atributos,  las rutas, esconder imagenes, esconder imagenes de fondo, etc…
  • Information: Aquí tendremos una lista largade opciones para poder visualizar cosas de la web en la que estamos trabajando.
  • Miscellaneous: se puede editar el HTML, usar una regla para poder medirt elementos etc… Una herramienta bastante útil para el desarrolllo Web.
  • Outline: permite visualizar las celdas de las tablas, frames,enlaces,  entre otrasopciones que es mejor ir averiguando a medida que se va desarrollando.
  • Resize: Opción para poder redimensionar a las dimensiones del navegador según los requerimientos del desarrollo que debe sobortar diferentes resoluciones,
  • Tools: Nos permite hacer las validaciones en la W3C de la pagina web que estamos visitando.
  • View Source: Aquí nos permitirá ver el codigo fuente o el código generado de la Web.
  • Options: Son opciones generales de la herramienta.

Bueno aquí tenéis un pequeño resumen de las opciones que podéis encontrar en esta aplicación, pero tal vez la mejor opción es comprobarlo. Espero que este sea un buen regalo para las Navidades.