Se muestran los artículos pertenecientes al tema Estándares web.
01/07/2008
Entrevista a TorresBurriel de anieto2K
En la serie de entrevistas que Andrés Nieto está realizando en su recién rediseñado blog le ha llegado el turno a Daniel Torres Burriel, nuestro vecino de Cadius Zaragoza y con el que ya hemos contando en un par de ocasiones en Pamplona.
Ni que decir tiene que recomiendo encarecidamente leer la entrevista porque Daniel siempre aporta granitos de arena a la montaña de conocimiento que muchos nos vamos creando. Aunque no puedo ser muy subjetivo puesto que admiro profundamente a Dani y todo su trabajo y siempre ha sido un claro referente profesional, un modelo a seguir.
Aprovecho el peloteo para darle la enhorabuena a Andrés Nieto por el magnifico rediseño de su blog y por seguir fiel y constante y seguir posteando con tanta regularidad.
23/06/2008
CSS: olvídate del * html para IE6
Se acabó que en tus hojas de estilo para Internet Explorer, sí, sí, esas que pones a través de comentarios condicionales, tires de sucios hacks para diferenciar entre IE7 y los anticuados Explorer que tantos quebraderos de cabeza nos producen (léase Internet Explorer 6 y anteriores).
Si hasta ahora bastaba con poner * html delante de nuestras clases, id’s o elementos en la CSS para saber que sólo las versiones previas al IE7 serían capaces de interpretarlo, ahora vamos a darle la vuelta de tuerca a esto y a usar algo para que sólo lo entiendan las versiones posteriores a IE6 (el 7 y el futuro IE8).
- #identificador[id]
- .clase[class]
Así, nos aseguramos que aquellos navegadores (léase los de siempre) que no interpreten los atributos [id] y [class] (o cualquier otro como [href], [alt], [title]) no apliquen la regla.
Ejemplo:
Style.css
- #header {background:red none;}
StyleIE.css
- #header {background:green none;} /*Internet Explorer 6 y anteriores*/
- #header[id] {background:red none;} /*Internet Explorer 7 y posteriores*/
Gracias a Kilian Valkhof
18/06/2008
CSS: Dobles clases
Ayer surgió una pequeña duda en curso sobre estándares web. Cómo se comportan los navegadores con etiquetas que tienen más de una clase.
Pues bien, si las clases están definidas en la CSS individualmente gana en todos los navegadores la última de la CSS o la que más peso tenga (como toda la vida). Sin embargo si usamos en la CSS definiciones dobles la cosa cambia. Como me explico muy mal, he creado el siguiente ejemplo:
<html>
<head>
<style>
.rojo.verde {background-color:red} /*doble clase con más peso que una clase simple*/
.verde {background-color:green} /*clase simple*/
</style>
</head>
<body>
<div class="rojo verde">
HOLA
</div>
</body>
</html>
Pues bien Firefox e IE7 el div tendrá fondo de color rojo (pesa más) mientras que IE6 lo pinta verde (en este caso) y lo pinta rojo en el caso de que la clase .verde estuviera por encima de la clase .rojo.verde, es decir IE6 no es capaz de interpretar una doble clase y sigue aplicando la última definida o la que más peso tenga para él. Así que ¡¡cuidado!!
11/02/2008
CSS: tamaños porcentuales e imágenes
Basándonos en el post anterior , y aprovechando el uso de la propiedad overflow, vamos a hacer un pequeño juego con las imágenes.
A menudo nos encontramos con páginas de ancho porcentual, o cuya anchura varía entre dos resoluciones. En este tipo de páginas nos podemos encontrar con que las imágenes permanecen con un tamaño fijo descuadrando toda la página cuando reducimos su tamaño.
Propongo incluir las imágenes dentro de un div con una clase específica, algo como:
(<)div class="img-resize"(>)(<)img src="/imagen.jpg" border="0" (/>)(</)div(>)
Los paréntesis son para que no lo interprete como codigo.
Y en la CSS utilizar la propiedad overflow para "adaptar" el tamaño de la imagen:
.img-resize {
min-width:410px;
max-width:542px;
overflow:hidden;
}
Al no redimensionar la imagen tenemos un inconveniente muy grave: a resolución baja nos oculta parte de la imagen. Esto puede ser problemático si la imagen contiene información esencial. Si no es así, es una cuestión de apariencia en la que deberemos valorar a que resolución nos interesa mostrar la imagen correctamente.
Por si os sirve podéis ver un ejemplo básico , y otro más complejo. Lo dicho, espero que le sirva a alguien.
30/11/2007
El W3C anima a los usuarios a que implementen XForms 1.1
Así de sencillo reza el titular de la nota de prensa publicada por el consorcio . Y a mí, que estoy en pleno proceso vacacional y que pocos post me han sorprendido, se me mezcla una sonrisa : ) y una carita de tristeza y confusión v_v :S
Hace mucho tiempo que hablamos de XForms en este blog, y tengo que decir que desde que lo vi en Fundamentos 2005 he sido un fanático seguidor, pero la tardanza de los browsers por implementarlo está consiguiendo que un día de estos XForms pase a ser una tecnología obsoleta. Seguramente me equivoco, y una buena mezcla de XHTML 2 + CSS 3 + XForms 1.1 en a penas uno o dos años (más) consigan devolverme la sonrisa : )
Parece que desde el consorcio se han dado cuenta de lo poco que está calando esta maravillosa tecnología entre los desarrolladores y han lanzado alguna iniciativa, como un wiki y la citada nota de prensa, espero que gracias a esto comience a haber un pequeño movimiento entre los desarrolladores y los navegadores comiencen a implementar XForms.
Yo mientras, voy a seguir disfrutando de mis merecidas vacaciones. : )
06/11/2007
Expression Web: Fragmentos de código
Una buena utilidad del Expression Web es la posibilidad de insertar fragmentos de código previamente definidos directamente en nuestro código. Para ello cuando estemos en el editor de código HTML pulsamos control + enter y nos saldrá una lista con los fragmentos que tenemos. Seleccionamos uno y le damos a enter.
La primera opción que nos aparece es la de "Personalizar la lista...", si la escogemos, no mostrará la siguiente pantalla:
Donde podremos añadir y editar nuestros fragmentos de código. Esta herramienta nos permite ser extremadamente vagos a la hora de introducir etiquetas xD
26/10/2007
Expression Web: Definir DOCTYPE
La herramienta de desarrollo web de Microsoft tiene una más que interesante opción, que nos permite definir un DOCTYPE doble. Por una parte el DOCTYPE principal, que será el que se coloque en el código fuente y usen los navegadores, y además un DOCTYPE secundario. ¿Y esto por qué? Por si hemos sido tan burros de optimizar nuestra página con ciertos elementos que se salen del DOCTYPE principal, para que el navegador sepa interpretarlos y no los interprete a su libre albedrío según un esquema propio (véase el esquema de Internet Explorer).
¿Dónde se seleccionan los DOCTYPE'S?
Menú Herramientas --> Opciones del editor de páginas
Pestaña "Creación" --> Esquema secundario y tipo de documento
Además nos permite seleccionar el esquema de CSS justo debajo.
Y ¿qué sucede si tratamos de introducir una etiqueta que no pertenece al DOCTYPE principal?
25/10/2007
Expression Web
El último proyecto que hemos realizado lo hemos hecho usando la nueva herramienta de Microsoft para maquetación web, Expression Web . Si hemos empezado su uso es por varias características que nos vienen muy bien:
- Integración con Visual Studio 2005
- Permite al diseñador insertar controles de ASP.NET sin saber programación
- Respeta los estándares al 100%
- Permite elegir un DOCTYPE para todas las páginas y un charset y no te deja salirte de las especificaciones
- Reemplazos masivos en todas las páginas del proyecto (¡¡aunque no las hayas abierto!!)
- Permite ver la herencia de un estilo CSS. Es decir que otros estilos de la hoja influyen en un elemento en concreto.
- Introducción de fragmentos de código HTML con 3 teclas (somos vagos, muy vagos, jejeje)
Como a nosotros es una herramienta que a primera vista parece que nos va a venir realmente bien, vamos a empezarla a usarla para todos los proyectos, así que mi intención es ir contando trucos y funcionalidades que vayamos descubriendo de la misma en este blog.
Por cierto, algo que me sorprendió es que no se integra con Visual Sourcesafe . Pero desde Microsoft han dicho que para la próxima versión en la que ya están trabajando es una de sus prioridades junto con un entorno de trabajo similar a Expression Blend basado en la nueva tecnología de Microsoft, Windows Presentation Foundation .
Como nota final, comentaros que no quiero que interpretéis mis post sobre Expression Web como una herramienta comercial, o busquéis intereses personales ocultos en mis post. No es así (a pesar del mogollón de enlaces hacia Microsoft). Simplemente quiero hablar de una herramienta nueva, que creo que es buena y de la que todavía no hay mucha información. No seáis mal pensados jejejejej
04/10/2007
FW'07: Portabilidad de Redes Sociales (by Tantek Çelik)
El problema que se presenta con las redes sociales es que cada una de ellas nos obliga a volver a introducir todos los datos personales en cada una de ellas. Datos sobre nosotros, nuestros amigos, avatares, fotos, aficiones, etc…Esto genera una “fatiga de redes sociales” que termina por aburrir a la gente o les obliga a tener que modificar entre 1 y 10 perfiles cada vez que una persona quiere hacer un cambio. O si esa persona añade un nuevo “amigo” al final tiene que añadirlo a 10 redes sociales distintas lo que lleva un largo periodo de tiempo entre invitaciones y aceptaciones de invitación.
Tantek dice que lo ideal es que cada persone controle sus datos personales, su lista de amigos. Para ello los datos deberían estar centralizados o generar diferentes perfiles pero agrupados. Indica que al existir la portabilidad de datos, esto genera una estabilidad y así poder sindicarlos.¿Cómo podemos hacer más fácil esto para los usuarios?
Cada vez que aparezca una nueva red social deberíamos poder escoger un perfil y transmitir esos datos a la nueva red social. Pero no basta con que sea más sencillo para los usuarios, también tiene que ser mucho más fácil para los sitios. Hay que lograr que el proceso sea accesible y poco a poco ir consiguiendo resultados y aumentando los esfuerzos. También hay que pensar en construir soluciones modulares para una mejor integración.
Además de facilitar todo esto en las nuevas webs, hay que facilitarlo en las webs que ya existen. Pero no podemos exigir una duplicación del sitio, deberíamos poder trabajar exactamente igual que con las nuevas.
Propone el uso de microformatos como hCard en todas las páginas como una manera de acceder a los datos ya estructurados. También deberíamos poder indicar que un perfil en por ejemplo Facebook es el mismo perfil en mySpace, para ello nos indica que también hay un microformato. Mediante hCard y XFN podríamos sacar nuestro perfil y toda la lista de amigos y contactos de nuestro perfil en una red social incluso las equivalencias de perfiles.
Nos muestra como mediante microformatos se podría exportar los datos de un usuario y de su lista de amigos. También explica cómo se puede realizar una paginación en la lista de amigos y seguir indicando semánticamente que lo que hay detrás del enlace de paginación siguen siendo datos de mi lista de amigos. Resulta muy interesante ver la enorme potencia de los microformatos y las ventajas que como desarrolladores y usuarios podemos tener de su uso.
Pone Twiter como un muy buen ejemplo del uso de microformatos. También nos muestra como desde la página “getsatisfaction.com” podemos importar nuestro perfil de otras redes sociales que manejan hCard como Flickr, Technorati o Twiter, únicamente con nuestro nombre de usuario.
Se pregunta que incentivo tienen las redes sociales ya establecidas para usar microformatos, y se responde indicando que puede ser un servicio extrar que pueden ofrecer e inluso centralizar el servicio de importación/exportación y de manejo de perfiles. Además comenta que si una de estas redes sociales lo incorpora el resto lo incorporarán para no quedarse atrás en la carrera. No quieren perder usuarios.
Qué problemas tiene la portabilidad
Hay que evitar violar las expectativas de los usuarios. Hay que dejar al usuario controlar sus perfiles e indicar cuales quieren asociar o publicar. Y además los usuarios pueden no querer los mismos datos en todas partes, ni mostrarlos.
Qué es lo siguiente
Mantenerse al día de los microformatos
Implementar microformatos para comenzar y facilitar las portabilidades
Leer la especificación de OpenID
Echarle un ojo a los esfuerzos de OAuth, un protocolo de autorizaciones en diferentes páginas web.
Tantek.com/presentations/2007/10/social-network-portability
03/10/2007
FW'07: 10 años de CSS
Aquí estamos un año más. Después de la larga presentación de las autoridades locales. Empieza con Bert Bos (W3C) que va a hablar sobre los 10 años de CSS y los que le quedan por cumplir.
Nos habla sobre los inicios de CSS y cómo pensaban que CSS no duraría más de 10 años, mientras que a HTML le daban una vida de más de 50. La última versión de CSS ha tardado en implementarse más de 4 años por la lenta actualización de los navegadores de los usuarios, un problema derivado del cambio del tipo de usuario (de profesionales de informática a usuarios domésticos).
A partir de ahora van a priorizar los trabajos en las nuevas especificaciones de CSS para que agilizar el trabajo.
Las prioridades actuales en las que trabajan son: layouts basados en grids, texto vertical, impresión de libros, aritmética simple, mejora de los fondos (backgrounds images), mejora de los bordes, sombras de objetos, transparencias, fuentes adjuntas (teniendo cuidado con los derechos de autor), presentaciones de diapositivas (tipo powerpoint), expresiones matemáticas y los enlaces (hipervínculos). Quieren mejorar la interacción del usuario con el texto mediante hipervínculos, algo que actualmente se hace mediante javascript.
Otras prioridades que se plantean son las referentes a las necesidades de los diseñadores, para ello solicita la ayuda de los presentes. Muestra layouts de periódicos, con el texto en varias columnas, todo encuadrado, etc...algo que actualmente es imposible implementar con CSS.
Para tratar estos problemas han publicado unos modelos de posicionamiento de elementos de manera reticular (grid layout), de varias columnas mediante un sistemas de plantillas, donde se define la manera en la que se muestran los elementos.
Nos muestra los bordes redondeados, bordes que usan imágenes, texto que se puede girar, ...
Pasamos al turno de preguntas y nos deja un enlace a la presentación:
http://www.w3.org/Talks/2007/1003-CSS-Gijon/
02/10/2007
Fundamentos Web'07...¡¡que ganas!!
Buenos pues esta misma tarde salgo para Gijón. Espero que el tiempo y el tráfico me permita hacer un viaje tranquilo que son bastante kilometros.
A partir de mañana toca ver y oir a lo mejor de cada casa, intentaré ir escribiendo todo lo que se diga y además como siempre contaremos con el mejor reportero en directo para que vaya contándonos lo más interesante al minuto.
Este año y por desgracia no voy a quedarme al taller del viernes con lo que también me pierdo el Cocktail Cadius del jueves por la noche, que promete mucho. De toda formas, y para todos aquellos que lo deseen el martes y el miércoles se puede quedar para echar algo y charlar un rato. Si todo el mundo va a la espicha, me parece que tendré que preguntar a la organización si donde caben 100 caben 101...jejejej....
¡¡nos vemos!!
13/09/2007
¿Quién se viene a Fundamentos Web?
Este año repetiré la maravillosa experiencia de asistir a Fundamentos Web , pero este año iré solo. ¿Quién más va? ¿Os apuntáis a compartir experiencias, cañas y lo que se tercie?
27/08/2007
¿Cuándo desaparecerá IE 6?
Es un verdadero dolor de cabeza seguir maquetando páginas que se vean igual en IE 6 y en los navegadores con buen soporte de estándares (Opera, Safari, Firefox, ...). De hecho como es prácticamente imposible lograrlo al 100%, tiendo a incluir ciertas cosas en pseudo-clases de CSS que IE 6 no entiende para "premiar" a los usuarios con buenos navegadores xD
Ejemplos:
a:after {content: url(images/ico_masinfo.gif);}
input:focus {border:1px solid #000000;}
Más info:
Según las estadísticas que manejo en una web, IE 6 es el 47% de las visitas que entran con Internet Explorer que supone el 95% del total de las visitas. IE 7 tiene un 52%. Y Firefox un 2,57% del total.
Mientras que en otra (prefiero no indicar cuales son), IE 6 es el 65% e IE 7 el 34% de un 82% que usan IE, y Firefox tiene un 15% del total.
Creo que tenemos IE 6 para rato v_v
Cómo nos gusta hacer las cosas
Recientemente me pidieron que redactará el HOW-TO de la maquetación XHTML de nuestros desarrollos. Queríamos crear una forma de desarrollar común, para que dentro de 3 años alguien pudiera abrir una página y desenvolverse sin problemas entre su código. Además debíamos tener muy en cuenta a los diseñadores, y su escaso (nulo xD) conocimiento del código de cliente/servidor.
Así pues, esto fue lo que redacté y entregué. La intención es ampliarlo y corregirlo. Así que cualquier aportación será bien recibida.
• Definir en la primera línea el DOCTYPE
o HTML 4.1, XHTML 1.0, XHTML 1.1
o Transitional, Strict, Frameset
• Incluir en la etiqueta HTML la versión xhtml y el lenguaje
Ejemplo:
• Incluir dentro del HEAD los METAS
o Description: Una descripción de unas dos líneas de esa página. Es lo que aparece en google bajo el título de la página
o Content-type: text/html; charset=UTF-8/ISO-8859-15
Ejemplo:
• Incluir dentro del HEAD los enlaces a javascript y css
• Separar el layout de la página en tres partes: HEADER, MAIN, FOOTER
• Separar el MAIN en al menos dos partes: NAV, CONTENT, SECUNDARY_NAV, SECUNDAY_CONTENT,…
• En ocasiones NAV puede estar en el HEADER
• Separar contenido, presentación e interacción: No incluir ni estilos ni eventos javascript dentro del código HTML.
• Validar el código HTML (validador W3C, validador local W3C Web Developer Toolbar for Firefox)
• Los nombres de ID’s y clases hacen referencia al contenido, no a la apariencia: No usar nombres de clase o id’s como “azul”, “amarillo”, “texto_negrita” si no nombres como “direccion”, “telefono”, “navegación”, “cabecera”, etc…
• Es mejor un fichero CSS de 30Kb que 3 ficheros de 10Kb cada uno
• Usar siempre minúsculas: tanto para el HTML como para las clases CSS
• Usar un hoja de estilos exclusiva para Internet Explorer: usando comentarios condicionales para agregarla
• Prueba tus páginas en Firefox, IE7 e IE6 como mínimo: Esto supone el 99% de los navegadores que visitan una web
Normas generales CSS
• Deshacer estilos predefinidos: Usar el undohtml.css
• Comentar la hoja de estilos: separando las distintas partes. Enlaces, cabecera, pie de página, layout, etc..
• Dentro de un estilo mantener un orden
Etiqueta {
/*Lo primero siempre lo relativo a posicionar el elemento*/
Clear: both;
Position: relative/absolute/fixed;
Float: Left/Right;
Display: Inline;
/*Después lo que afecta al modelo de caja*/
Width: 20em;
Min-height: 10em;
Margin: 0 0 0 0;
Padding: 0 0 0 0;
Border: 1px solid #000000;
/*Después lo que afecte al fondo*/
Background-color: #323536;
Background-image: url([ruta relativa]);
Background-position: left top/bottom/right/right bottom;
Background-repeat: no-repeat/repeat-x/repeat-y;
/*Después lo que afecte a las tipografías, fuente y color de fuente*/
Font-family: Arial, Helvetica, Tahoma, Verdana;
Font-size: 0.8em;
Color: #000000;
Font-weight: bold;
Text-decoration: underline;
Font-style: italic;
/*Por último lo que influye en la apariencia*/
List-style:
Text-indent:
Etc…
}
• Validar CSS: (validador W3C, validador en local de la Web Developer Toolbar para Firefox)
27/07/2007
Ponentes de Fundamentos Web
Ya se van definiendo los ponentes para Fundamentos Web . Y la lista, tanto de ponentes como de las empresas que representan, es realmente impresionante:
Arthur Barstow de Nokia, ¡¡Tim Berners-Lee!!, Bert Bos, Tantek Çelik de Technorati, Fernando Claver de PC ACTUAL, Hannah Donovan de Last.fm, Jeremy Keith del Web Standards Project, Eduardo Manchón de Panoramio (leerían mi petición??), Matt May de Adobe, Charles McCathieNevile de Opera, Ismael Nafría de Prisacom, George Oates que es Directora de Diseño de Yahoo, Allan Sandfeld desarrollador de KHTML, Mike Schroepfer de Mozilla, Doug Stamper de Microsoft (del área del IE), Jeffrey Veen que es el Director de Experiencia de Usuario de Google y Rigo Wenning del W3C.
Ya está bastante avanzado el programa (aunque aún falta saber el taller del último día), el primer día parece que girará en torno a los navegadores y los estándares, y el segundo día sobre la web.
19/06/2007
WebDay Pamplona: The End
Bueno pues ya ha terminado el WebDay.
El día creo que ha sido intenso y muy interesante. Las charlas de David han sido muy amenas y la de Microsoft Blend ha sido espectacular. Espero que además de mi presentación se vayan subiendo las demás y los ejemplos y si puedo trataré de ponerlas en este blog.
Y ahora me gustaría pedir la colaboración de los que hayáis asistido para que a través de un comentario me digáis qué os ha parecido mi charla. Necesito saber que he hecho mal, para corregirlo. Quiero saber si me he colado en algo, si me he dejado algo en el tintero o si me temblaba mucho la voz. Además como los comentarios pueden ser anónimos podéis ser todo lo sinceros que queráis ; ) . De verdad que os lo agradecería mucho.
Y por supuesto, si tenéis alguna duda sobre lo que he explicado (o no he explicado), me escribís que yo encantado os respondo.
Un saludo a los que habéis ido y gracias por aguantarme esa media hora.
14/06/2007
Menudo estilo tiene Fundamentos Web
Bueno ya hay ganador para la CSS de la web de Fundamentos Web
¿opiniones? ¿Os gustaba algún otro más que este? ¿qué pensáis de los finalistas?
12/06/2007
Safari para Windows: Desarga y ¿Primer bug?
Desde ayer por la noche esta disponible para Windows la beta del navegador de Apple , Safari 3. Pues bien, ya me he encontrado el primer "bug" (si es que se le puede llamar así), y es que no me muestra las etiquetas H1, H2, ...
De todas formas estoy altamente ilusionado con Apple puesto que Safari es según las comparativas el navegador más rápido (en randerizado HTML, ejecución de javascript y de aplicaciones) además de que nos da la posibilidad de hacer pruebas con él sin tener que comprarnos un Mac (aunque nunca será igual).
Ahora ya sólo queda que hagan lo mismo con iWork y con Textmate.
13/04/2007
¿no interesa la formación en estándares web?
El día 23 se impartirá (o se iba a impartir) el curso de diseño de páginas web con estándares.
Digo "se iba a impartir" porque parece que no vamos a cubrir las plazas mínimas. Lo cual me hace plantearme una serie de cuestiones:
- ¿no interesa la formación en estándares?
- ¿es excesivo el precio a pagar? ¿cuánto cuesta la formación no subvencionada?
- ¿la gente no está dispuesta a hipotecar sus horas libres en formación?
- ¿debería ser formación gratuita, subvencionada por organismos públicos?
Para mí dar este curso suponía un gran esfuerzo, por que:
- requiere preparar todo el material
- económicamente no me compensa todo el esfuerzo
- iba a tener una jornada de 12 horas al día durante al menos un mes y de lunes a viernes
Pero a pesar de todo eso, creí oportuno dar la posibilidad a todas aquellas personas interesadas en recibir una formación de calidad en los estándares web. Por mi parte decir que si finalmente no sale el curso voy a tirar la toalla y va a ser la última vez (esta es la segunda) que intente sacar adelante (al menos como iniciativa privada) un curso de estas características.
Me gustaría que aquellos que leáis este post, me déis algo de luz a mis preguntas; porque a mí me dijeron que este tipo de formación estaba muy demandada y que era una iniciativa genial.
27/03/2007
Microsoft Web Day....allá voy!!
Durante los meses de Abril, Mayo y Junio, Microsoft ha organizado en diferentes ciudades (Sevilla, Barcelona, Bilbao, Valencia, Vigo, Albacete y Pamplona) el Web Day . El programa va a ser:
- 09:30 – 10:00 Registro
- 10:00 – 10:30 Principios para una web estándar y accesible
- 10:30 – 11:00 Diseño con Expression Web
- 11:00 – 11:30 Introducción a ASP.NET
- 11:30 – 12:00 Descanso
- 12:00 – 12:30 ASP.NET cinturón negro
- 12:30 – 13:00 Mejorando la experiencia web con AJAX
- 13:00 – 13:15 Desarrollo de gadgets
- 13:15 – 14:00 Más allá del explorador: WPF
Y yo voy a dar (en Pamplona) la charla Principios para una web estándar y accesible. Podéis inscribiros desde ya, en la ciudad que más cerca os pille: Información e inscripciones.
ACTUALIZACIÓN: más información en NavarraDotNet
22/03/2007
Molly no se vende
En la charla de el otro día tuve el placer de "discutir" sobre lo de siempre. La eterna guerra entre Microsoft, los estándares, el software libre, Mac, etc...porque da igual a quién pongas en cada bando, al final la cosa es enfrentar empresas o ideales. Para mí no existe tal guerra, ni intenciones ocultas, ni manipulaciones, ni gente que se vende. Para el que todavía no se haya enterado: la informática es un negocio. Y nosotros como usuarios somos libres de elegir lo que queramos. Nadie nos obliga a comprarnos un PC o un Mac; a usar Firefox o IE; a usar estándares o no usarlos. Incluso podemos enrevesarlo todo y terminar con un Windows XP funcionando sobre Mac y viendo webs en Firefox ¿¿y porqué no??
En la charla hablé sobre el reciente fichaje de Molly por Microsoft, que como muy bien ha dicho en su blog ha sido contratada como consultora independiente en el uso de estándares web y colaborará con ellos en la mejora del soporte de estándares por IE, en formar a sus trabajadores y en dar charlas por todo el mundo. Pero siempre como consultora independiente.
Enseguida alguien comentó que Molly seguramente se había vendido. Mi respuesta fue rápida: "Molly no se va a vender nunca". Tuve el placer de oirle hablar en Fundamentos Web 2006 y de asistir al taller del último día donde también estaba Andy Clarke y mi impresión fue la de una auténtica profesional volcada con los estándares. Alguien que ha creado el Acid Test para demostrar el mal uso de los estándares que hacen los navegadores creo que no sería capaz de venderse a una empresa y romper sus "ideales". Este mismo sentimiento que tengo con Molly, lo tengo con practicamente todo el mundo que trabaja en los grupos de trabajo del W3C desarrollando nuevos estándares. Es gente que disfruta creando estándares, que lo viven y que tienen una concepción de la web muy por encima de las empresas y de los monopolios.
Cada cual que saque sus propias conclusiones en base a sus experiencias en este mundillo. Y vosotros ¿qué pensáis de la "guerra" y de las personas que trabajan en la web?
06/03/2007
Charla de Estándares Web, Accesibilidad y Usabilidad
El próximo 15 de Marzo, voy a ser el ponente de la charla sobre estándares web, accesibilidad y usabilidad (orientada a programadores), en colaboración con el CES y con NavarraDotNet . Con la charla pretendo divulgar las tareas del W3C y tratar de concienciar a los desarrolladores de las ventajas del uso de los estándares, de la importancia de hacer páginas web accesibles y de lo importante que resulta una buena experiencia de usuario en nuestras webs a través de la usabilidad.
Como se trata de una charla de carácter divulgativo la oficina española del W3C ha colaborado entregando a los asistentes unas guías de referencia y una programación de las labores que el W3C desarolla.
Ya está abierta la inscripción para la charla.
Los datos:
- Hora: 15 de Marzo - 19.00
- Lugar: CES, Centro de Excelencia Software
- Cartel
23/01/2007
XQuery, XSLT 2 y XPath 2 son Recomendaciones del W3C
Copio y pego, porque no tengo más tiempo:
23 Ene 2007: El Consorcio de la World Wide Web ha publicado ocho nuevos estándares de la familia del XML para la extracción de datos, la transformación de documentos y la computación empresarial desde servicios Web a bases de datos. "Más de 1.000 comentarios de desarrolladores han ayudado a garantizar la flexibilidad y aplicabilidad de esta serie de tecnologías de bases de datos," comenta Jim Melton (Oracle). XSLT transforma el etiquetado y el formato de documentos. XML Query puede realizar búsquedas, consultas y conexiones entre colecciones de documentos. Las expresiones XPath, el XSLT 2 y el XQuery funcionan con documentos XML, bases de datos XML, bases de datos relacionales, motores de búsqueda y repositorios de objetos. Lea la nota de prensa y los testimonios. Visite la página principal del XML.
10/01/2007
CSS en los formularios
Desde 456 Berea Street llega este genial artículo donde aplica estilos a los controles de formulario mediante CSS , este artículo es una revisión de un viejo conocido de la afición. Lo bueno de este artículo es que ejemplifica todo lo que hace. Además añade "pantallazos" de sus ejemplos en los siguientes navegadores y sistemas operativos:
- Camino 1, Mac OS X 10.4.8
- Firefox 2.0.0.1, Mac OS X 10.4.8
- Firefox 2.0.0.1, Ubuntu 6.10
- Firefox 2.0.0.1, Windows XP
- iCab 3.0.3, Mac OS X 10.4.8
- Internet Explorer 6, Windows XP
- Internet Explorer 7, Windows XP
- Konqueror 3.5.5, Kubuntu
- OmniWeb 5.5.1, Mac OS X 10.4.8
- Opera 9.10, Mac OS X 10.4.8
- Opera 9.10, Ubuntu 6.10
- Opera 9.10, Windows XP
- Safari 2.0.4, Mac OS X 10.4.8
- WebKit 420+, Mac OS X 10.4.8
Y los controles de formulario revisados en este artículo:
- Buttons (button elements)
- Checkboxes
- Disabled form controls
- Fieldsets
- File select controls
- Legends
- Radio buttons
- Multiple selection menus
- Multiple selection menus with option groups
- Multiple selection menu options
- Single selection menus
- Single selection menus with option groups
- Single selection menu options
- Submit buttons
- Multiple line text input controls (textarea elements)
- Single line text input controls
En definitiva: Un recurso de uso obligatorio, muy bien presentado, muy bien estructurado.
29/12/2006
¿Quién maqueta una web?
En una pequeña o mediana empresa que se dedica al desarrollo web, en la que los perfiles de los empleados son:
- Analista - Jefe de Proyecto
- Programador
- Diseñador
¿quién maqueta una web?
La costumbre nos dice que deben ser los diseñadores, los cuales en la mayoría de los casos son periodistas, diseñadores gráficos, o gente que ha realizado cursos de photoshop, etc... Lo normal es que estás personas maqueten usando Dreamweaver o una aplicación similar, y que su conocimiento de HTML y CSS no sea muy alto.
Los programadores normalmente sólo programan. Es decir, cojen el HTML de los diseñadores y meten su código PHP, ASP, .NET, java, Ruby o lo que sea para dar funcionalidad a esa página web. Así que tienen conocimientos de HTML, pero tampoco los suficientes y en ocasiones a ciertos programadores les parece un trabajo denigrante o de un nivel inferior.
La eterna pelea
Si un diseñador maqueta la web, el programador le dirá que está llena de código basura y que lo ha hecho mal.
Pero no le pidas a un programador que la maquete: "ese no es mi trabajo".
¿Solución?
Si no es posible contratar a un programador front-end (XHTML, CSS, AJAX, etc...), yo formaría a un programador; porque considero que la formación académica de un programador facilita la labor de aprendizaje de HTML y CSS.
Pero como todo es debatible...¿qué opináis vosotros?
08/11/2006
Estándares Web: XForms 1.0
Los xForms son los sustitutos de los actuales formularios de HTML, son una recomendación del W3C desde 2005 y entre sus mejoras respecto a los actuales formularios destaco:
- Comprobar automáticamente los valores de los datos mientras el usuario los introduce.
- Indicar que ciertos campos son obligatorios y que el formulario no podrá ser enviado sin esta información.
- Enviar formularios de datos como XML, ya que XForms es XML.
- Enviar el mismo formulario a diferentes servidores (por ejemplo, la búsqueda de una palabra se envía a diferentes motores de búsqueda).
- Deducir valores desde otros valores presentes en el formulario, por ejemplo que el campo "cantidad total" contenga la suma de todas la compras individuales.
- Forzar valores para que aparezcan de determinada forma, por ejemplo obligando a que los valores estén comprendidos en un rango determinado.
- Construir formularios al estilo de "cesta de la compra" y "asistentes" sin necesidad de programar.
Y todo ello sin programación ni del lado cliente, ni del lado del servidor, mejorando enormemente la experiencia de usuario y la accesibilidad de las webs. Además xForms separa por un lado los datos y por otro el formulario (estructura) y la presentación (CSS).
Los xForms presentan muchísimas ventajas y desde que son una "recomendación" del W3C sólo han sido soportados por el navegador Opera, con lo que tendremos que esperar para poder hacer uso de ellos. Espero que el Firefox 3 (para el año que viene) traiga soporte para xForms, y que Internet Explorer también lo incorpore en breve.
La última versión aprobada es XForms 1.0 Second Edition y se trabaja en XForms 1.1
19/10/2006
IE7 ha llegado!!
Lo dicen en Microsoft en su home, por fin está aquí la nueva versión de IE después de más de 5 años sin actualizar, y lo más sorprendente es que en los próximos años vamos a tener hasta 2 o 3 versiones más (según sus propias palabras en Fundamentos Web 2006).
Esperemos que en esas próximas versiones den mejor soporte a los estándares (sobre todo a xForms)
Había pensado en esperar a la versión en castellano para bajarlo e instalarlo.....¡¡pero no me aguanto!!
.
