Brainet, Diseño Marketing y Comunicación

Aprovechando el inminente lanzamiento de Windows Vista y tras la reciente publicación del nuevo Internet Explorer, Microsoft ha hecho un “lavado de cara” a su página inicial.

Algunas de las cosas que destacan son la utilización de Ajax para cargar los elementos que se seleccionan en el menú flotante que se encuentra a la derecha de la página y la compatibilidad de la página en diferentes navegadores.

Destaca también la ausencia de sindicación (“feeds”) cuando el nuevo Internet Explorer muestra cláramente la utilización de estos sistemas de información en su nuevo interfaz.

Profundizando en el código:

• Uso de atributos sobre elementos que no poseen éstos tales como “tabindex” o “onfocus”.
• Textos alternativos redundantes
• “Divitis”
• Listas de navegación marcadas de forma incorrecta
• Manejadores de eventos de JavaScript en los propios elementos HTML
• Uso de nombres “presentacionales” para clases de las hojas de estilo. Como por ejemplo: “leftAlign”, “rightAlign”
• Caracteres sin tratar

Vía Newsletter de SitePoint

OJObuscador se hace eco de un artículo publicado con Google Webmaster Central acerca de cómo actúa cuando se encuentra contenido duplicado. Algunas de los aspectos que dicen es que en caso de tener páginas con contenido idéntico se filtren o que textos en diversos idiomas no son considerados contenidos duplicados.

Contenido duplicado y Google

El 17 de diciembre se cumplieron 10 años de la primera recomendación de las hojas de estilo en cascada (CSS) aunque hasta 2 años después no se fijó como recomendación final.

Para celebrar este aniversario, el W3C ha creado CSS10 donde incluye una cronología de las hojas de estilo durante estos 10 años así como un apartado con los mejores diseños creados con hojas de estilos así como diversa documentación, información y recursos.

CSS Turns 10

No está mal. Son datos proporcionados por las Naciones Unidas. En el artículo diario de 24 Ways indican una serie de factores a tener en cuenta a la hora de decidirse a dar el salto al desarrollo Web para dispositivos móviles.

Uno de ellos es la cantidad de mercado disponible y predecible así que es una “tarta” bastante grande. Otro factor es el contenido ya que la necesidad de información que necesite un usuario variará dependiendo del contexto donde se encuentre. Estará buscando una dirección en mitad de una multitud en un abarrotado andén de tren, por ejemplo. Por eso es importante, como dicen en el artículo, averiguar qué es importante y qué es lo que puede necesitar el usuario mientras utiliza un dispositivo móvil.

The Mobile Web, Simplified

El audio de las ponencias ya está disponible. En breve estarán los videos.

Podcasting de Fundamentos Web 2006

En Web Debout tienen información recopilada sobre desarrollo en internet. Destacan una serie de tablas donde se puede comprobar el grado de compatibilidad de los navegadores con en diversas áreas como HTML, CSS, DOM, ECSMAScript entre otras.

• Web browser standards support
• HTML support
• CSS support
• DOM support
• ECSMAScript support

Bueno, primero de todo se harán siempre y cuando los navegadores soporten estas nuevas características. Así que tal vez nuestros nietos puedan usar estas características.

En el blog de css3.info publican la segunda parte de una introducción a estas nuevas características. Destaca cómo, a través de la propiedad “display” podemos indicar cuántos elementos de estructura queremos y si queremos que por ejemplo exista una vacío entre estos bloques.

Llama la atención el uso de la arroba (@) para indicar que ese bloque ocupe el resto del espacio que quede entre los que ya existan. Una especie de asterisco como el que se usa cuando se utilizan sistemas de marcos (“frames”) para indicar que ocupe el resto.

Lo dicho, ¿cuándo podremos usar esto?

How we´ll lay out in websites in 2016 – Part Two

Un formulario excesivamente complejo puede hacer que el usuario, a simple vista, no lo rellene y por lo tanto estaremos perdiendo, tal vez, un nuevo cliente o alguien que quiere interesarse por algo o indicarnos algo.

En Nidahas.com han publicado un artículo con una plantilla tipo para un formulario basada en los ejemplos de formularios de Derek Feathrestone.

De esta plantilla destaca la inclusión de los errores al comienzo del formulario, y no mediante el típico “alert” de JavaScript (mostrar los errores mediante esta manera cada vez va a menos), la agrupación de los campos del formulario (mucha gente aún no sabe que existen las etiquetas “fieldset” y “label”), el indicar al principio del formulario que los campos obligatorios están marcados con astericos y el apoyo visual que ofrece el marcar los campos incorrectos mediante el cambio del color de fondo y/o borde.

A CSS-based Form template

El título de esta entrada está obtenido del último artículo de Roger Johansson donde comenta el informe de de las Naciones Unidas sobre la Accesibilidad en sitios Web. En una entrada anterior de este blog ya se comentaba que un estudio de una empresa del Reunido Unido tampoco daba resultados muy esperanzadores en cuanto a la cantidad de sitios accesibles.

¿Cuál es el problema entonces? Tal vez sea que no interesa o se tiene un concepto diferente (la accesibilidad es para ciegos… un tópico muy extendido).

¿Cuántos de nosotros ya necesitamos, por ejemplo, aumentar el tamaño de la fuente para leer cosas en el navegador? Cuántos de nosotros hemos querido abrir varias direcciones en varias ventanas y nos damos cuenta que no podemos porque los enlaces únicamente funcionan con JavaScript y por lo tanto no permiten un “ver en pestaña” o “ver en ventana nueva” con un simple “clic” del ratón.

Tal vez queramos ver nuestra página en múltiples dispositivos por lo cual el peso de las páginas es un detalle a tener en cuenta. No obstante, la gente tiende a pensar que nos refiramos a dispositivos tales como PDAs y/o teléfonos móviles. El hecho de la conexión también influye pero todo el mundo da por hecho que ya la gente está conectada por medio de líneas ADSL de “decenas y decenas” megas pero… ¿y si usamos un módem de Vodafone o tarjeta portátil de Movistar para conectarme por ahí o en mi casa? Estos dispositivos tienen limitado la cantidad de información a descargar y en cuanto se supera cobran por descargas adicionales (lo cual puede suponer un susto al llegarte la factura) o te bajan la velocidad hasta el mes siguiente.

Tal vez si pensamos de otra manera o tal vez lo expliquemos con otros ejemplos la cosa sea diferente y aquellas personas que lo veían de una determinada manera “abran los ojos”.

97% of websites still inaccesible

World´s Worst Website es una página donde el autor trata de demostrar los errores más comunes que comenten los diseñadores/desarrolladores noveles: contrastes de colores pésimos, excesivas animaciones, exceso de publicidad, etc, etc…
Fuente: lista de correo de Cadius