Opera, uno de los mejores navegadores Web, ya cuenta con el pequeño detalle que le faltaba: Una herramienta de Depuración: Opera DragonFly. ¿Y eso para qué sirve? Simplemente, nos sirve a los desarrolladores Web a depurar nuestras aplicaciones Web.
Otros navegadores ya cuentan con una:
Una muy buena recopilación de recursos sobre Accesibilidad Web (en inglés) la que publicaron en WHDb: 100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials.
En ella encontramos Sitios Web, Tutoriales, Foros, Simuladores, Herramientas, Validadores y mucho más. ¡Muy recomendable!
Gracias a kabytes.
Si podemos hacer prototipos de nuestras Webs con Fireworks y con Visio, cómo no vamos a poder hacerlos con PowerPoint 2007.De acuerto a Long Zheng, PowerPoint se está volviendo una herramienta de prototipado muy popular dentro de Microsoft. Partes de Windows, Windows Live, Internet Explorer, Home Server y Expression Blend fueron prototipados con este programa
.
Te invito entonces a que mires una charla de Manuel Clement, del equipo de Diseño de Microsoft, acerca del prototipado con PowerPoint 2007. Además descarga el Kit de Herramientas para Prototipado con PowerPoint y pruébalo tu mismo
.
Gracias a guuui.com.
El Iniciativa Móvil de la W3C ha lanzado un nuevo validador especial para móviles: el Web Compatibility Test for Mobile Browsers (Test de Compatibilidad Web para Navegadores Móviles), el cual combina, en una sola página, un número de tecnologías que creen son las necesarias para una mejor experiencia Web, especialmente en los dispositivos móviles
.
Cada una de estas tecnologías, 12 en total y entre las cuales evalúan: las transparencias PNG, soporte paga GZip, AJAX, SVG, Selectores de CSS3..., están representadas en un cuadro que se pondrá verde si el navegador pasa la prueba.
El test, aunque hecho para móviles, también permite evaluar los navegadores tradicionales:
Así como el código HTML de nuestras páginas se puede validar con el Validador de la W3C y las Hojas de Estilo con el Validador de CSS, también es posible validar nuestro código JavaScript con el validador JSLint.
Este validador NO es de la W3C, sino del Maestro Jedi: Douglas Crockford, fundador de JSON, JSMin y otra gran cantidad de trabajos en JavaScript.
Básicamente esta herramienta es muy buena para verificar la sintaxis, al igual, que las mejores prácticas en tu código JavaScript
.
Hice mi prueba con un código de jQuery y me sacó gran cantidad de errores y advertencias, pero como no soy experto en Script no sé si es que no sirve para validar código de jQuery o si el código que generé no es tan bueno como parece... ¡Ups! Si alguien nos cuenta sería de gran valor.
Sabía de la existencia de esta herramienta desde hace años, pero hoy la recordé gracias al blog Robert's Talk.
La utilización de prototipos está cobrando más importancia en el desarrollo de nuestras Web y eso lo demuestran los recursos que nos encontramos día a día en la Web.
Hace tan sólo algunos días te presentaba como hacer Prototipos Interactivos con Adobe Fireworks y hoy, gracias a elclerigo!, los invito a leer Cómo crear prototipos interactivos en PDFs desde Visio.
Si no conoces este software te cuento que el Microsoft Office Visio es un programa de dibujo vectorial especialmente creado para hacer diagramas (de bases de datos, de flujo, de UML...).
Ah! ¿Y para qué me sirve un Prototipo Interactivo? De acuerdo al Espectro de Prototipos nos sirven para comunicar, discutir, evaluar y probar nuestros diseños y están en la fase de Proponer (después de "Jugar" y antes de "Especificar").
Si... Los prototipos me sirven inicialmente para (1) jugar con propuestas de diseño. Posteriormente para (2) comunicar y discutir los diseños que se han mejorado. Para finalmente (3) especificar el diseño final que hemos depurado. Y durante estos tres pasos, la calidad de los prototipos van mejorando y mejorando, comenzado con un simple boceto para terminar con uno de gran calidad y que me servirá como Guía de Desarrollo y de Especificación.
Gracias a Yusef les comparto otro recurso bien interesante: LearningSpace un espacio web de Open University en el que ofrecen acceso completo a formación virtual.
Dentro de los cursos que nos ofrecen gratuitamente y de nuestro interés están:
Hace tan sólo 5 días les hablaba de los CSS Frameworks 960 Grid System y el BluePrint cuando hoy me encuentro con este super listado: Los 12 mejores CSS Frameworks.
Obviamente no se menciona el 960 Grid System porque es el New Kind on The Block, pero por supuesto que está el BluePrint.
El listado original proviene de SpaceBoy.
¿Usar o no usar un Framework? Muchos dicen que sí, muchos dicen que no [en]. Mi experiencia, después de usar el Framework de JavaScript: jQuery, es que lo voy a usar siempre (¡Espero!). ¡Es de lo mejor!
¿Pero un framework de CSS? Aún no he hecho el intento, pero cuando lo haga lo comentaré. Si piensan darle una oportunidad es bueno que antes lean las ventajas y desventajas de usarlos [en].
Actualización: En Freak Group acaban de hacer su propio listado de Frameworks de CSS.
Actualización 2: He aquí otro listado con los Frameworks más atendidos: CSS Frameworks.
¿Recuerdas el Kit de Accesibilidad para SharePoint que mencioné hace 4 meses?
Gracias a SoftWAI me entero que acaban de lanzar la versión 1.1 de este Kit, la cual proporciona niveles crecientes de accesibilidad a través de un ambiente de colaboración e incluye 21 nuevos adaptadores de control para los blogs y Wikis que se han desarrollado para mejorar la accesibilidad de las piezas Web y de los controles individuales dentro del servidor 2007 de Microsoft Office SharePoint
.
¡Noticia para los SharePointers! ;)
Gracias a Anieto2k me entero de este nuevo programa IE Tester, el cual te permite probar nuestro querido amigo Internet Explorer en sus versiones: 5.5, 6, 7 y hasta la 8 Beta.
Actualmente utilizo MultipleIEs, el cual trae desde la versión 3.0 hasta la 6.0. Sin embargo mi mayor interés es el Internet Explorer 6.0 y este nuevo IE Tester me parece de lujo.
Lo acabo de probar con una página que tiene problemas con IE6 y efectivamente este IE Tester se comportó como esperabamos:
IE 6:
IE 7:
IE 8:
Actualización: También te cuento que el IE6 es tan querido por todos que ha salido una campaña para erradicarlo de los computadores de nuestros visitantes.
Los Microformatos son un grupo simple y abierto de formatos para datos, diseñados inicialmente para humanos y en segunda medida para las máquinas, construidos sobre estándares existentes y adoptados masivamente
.
Más claro con un ejemplo. Si tienes en una página Web tu contacto:
<div class="contacto">
<p>
<strong>Gabriel Porras</strong><br />
cargo: Analista de Desarrollo<br />
Intergrupo<br />
email: ghporras@gmail.com<br />
Medellin
-
Colombia
</p>
</div>
<div class="contacto vcard">¿Qué son entonces los microformatos? ¿Cuáles son sus beneficios? ¿Quiénes los han implementado? ¿Tienen futuro? ¿Qué herramientas existen para crearlos (fácilmente)? ¿Dónde encuentro tutoriales para aprender?... Tranquilo... Todas estas y muchas más preguntas ya las puedes responder en la excelente recopilación Microformats University: 100+ Articles and Resources.
<p>
<span class="fn"><strong>Gabriel Porras</strong></span><br />
<span class="title">Analista de Desarrollo</span><br />
<span class="org">Intergrupo</span><br />
email: <span class="email">ghporras@gmail.com</span><br />
<span class="locality">Medellin</span>
-
<span class="country-name">Colombia</span>
</p>
</div>
Artículo Original: Prototyping with Adobe Fireworks
Author: Henrik Olsen (guuui.com)
Fecha: 25 de marzo de 2008
Traducido por: Gabriel Porras
Tal parece que Adobe Fireworks se está convirtiendo en una de las herramientas favoritas de prototipado para muchos Diseñadores de Interacción. Con la versión CS3, Adobe ha adicionado nuevas características que resultan muy interesantes para hacer prototipos:
¿Un Framework de CSS? Sí. Así se le denomina a un conjunto de archivos que facilitarán tu trabajo con las hojas de estilo. Hay frameworks para JavaScript, como no va a haber para CSS.
Básicamente se han hecho para ayudarte en la diagramación de tus Webs mediante CSS y generalmente ya incluyen un CSS Inicial (Reset).
Creo que el más conocido es el BluePrint, el cual ya nos presentó Leandro hace algún tiempo y que realmente es muy completo porque, además de facilitarnos la diagramación (maquetación), nos ayuda a definir fácilmente la tipografía y la impresión de las páginas.
Ahora, el framework que te presentaré hoy es el nuevo: 960 Grid System, cuyo objetivo, al igual que del BluePrint, es facilitarnos la vida a la hora de crear el grid (grilla) de nuestro diseño.
¿Qué tiene de especial? Que además de los CSS viene equipado con las plantillas para los programas: Fireworks, Omnigraffle, Photoshop y Visio. Así que desde el prototipado puedes tener un diseño realmente consistente. Muy interesante para que lo evalúes.
Gracias a Digital Web Mag.
Esta es la presentación Advanced Web Accesibility Evaluation with WAVE que utilizó WebAIM para presentar la versión más reciente de su herramienta WAVE.
La presentación se llevó a cabo en el CSUN 2008 (Technology & Persons with Disabilities Conference) y en ella presentan rápidamente todas las características de esta excelente herramienta de evaluación de Accesibilidad Web.
Si aún no has trabajado con el WAVE seguro te resultarán interesantes estos slides.
Gracias a WAVE Blog.
¿Qué es un Wireframe? Es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes.
¿Cuándo usarlos? ¿Qué ventajas tienen? ¿Qué información deben contener? ¿Cómo se hacen?
Todas éstas y muchas más preguntas en la Nueva Guía sobre Wireframes. ¡De lectura obligatoria! Gracias a Olga Carreras.
En el mes y medio que lleva la nueva versión WAVE 4.0 beta, ya se han realizado más de 100.000 reportes de accesibilidad Web.
Y ahora, para complementar esta magnífica herramienta, han lanzado una nueva: la WAVE toolbar para Firefox. Esta toolbar te permitirá realizar evaluaciones de accesibilidad Web directamente en tu navegador, lo cual te dará una mayor seguridad, la habilidad de evaluar páginas protegidas o de Intranet, y evaluar contenido creado dinámicamente.
Así que he aquí una herramienta más para potenciar nuestro Firefox.
Gracias a WebAIM Blog.
Acabo de enterarme de una noticia triste: Nos quedamos sin el validador de accesibilidad WebXACT de Watchfire, anteriormente conocido como Bobby. Todo debido a que IBM compró a la compañía. En el sitio del validador explican la situación... que dicen es temporal.
Y hablando de validadores te invito a revisar esta buena lista que han recopilado en el blog de Virtual Hosting con 25 herramientas para evaluar la accesibilidad de tu sitio Web: Test Me: 25 Freebie Website Accessibility Checkers, que casualmente comienza con el desaparecido Watchfire WebXACT.
Gracias a WebAIM Newsletter.
Comenzamos con las encuestas del 2008 y esta vez en la UX/IA Tools Survey 2008 nos preguntan cuáles son las herramientas que utilizamos para planear, diseñar y construir nuestros productos.
Está dirigida a diseñadores, arquitectos de información y especialistas en usabilidad.
La encuesta está a cargo de Kate Walser y publicará sus resultados en Boxes and Arrows.
Gracias a torresburriel.com.
Hace tan sólo 2 días que les mencionada del reciente lanzamiento del Beta del W3C MobileOK Checker cuando me doy cuenta que hay un tercer validador de Estándares para Móviles.
Se trata del TAW MobileOK Basic el cual hace parte de la familia del conocido validador TAW (y por lo tanto está en español).Este validador TAW OK Basic es un validador de web móvil basado en las Buenas Prácticas para Móvil 1.0 de W3C.
Si no te has dado cuenta la Web Móvil es un hecho a corto plazo, así que ya tienes muy buenas herramientas para prepararte para ella: TAW mobileOK Basic, W3C MobileOK Checker, READY.mobi...
Un agradecimiento a Manrique Lopez quien me dió a conocer este validador.
¿Tu Web está hecha para un dispositivo móvil? Ya puedes tener una respuesta más acertada, sin tener que probar en la infinidad de dispositivos que hay, gracias al renovado W3C MobileOK Checker (aún Beta), que según la W3C proporciona resultados más precisos y una experiencia de mayor confianza.
Si estás en Barcelona (España) recuerda que hoy comienza el Mobile World Congress, donde puedes pasarte por el stand del W3C (en el Hall 7) y conocer más sobre esta herramienta, que seguro te ayudará a hacer que tus páginas Web sean accesibles desde dispositivos móviles.
Gracias a W3C.
Actualización: Gracias a Utilidades para Webmasters recuerdo otro validador para móviles: READY.mobi. Así que son varias las opciones que tienes para revisar tu Web.
 |
| ¿Necesitas formación? |
 Cursos |
 Master |
 MBA |
