Estándares Web
21
Enero
2010
Ya tengo actualizado Firefox 3.6 y como siempre, cada vez que se cambia de versión, problemas con extensiones, configuraciones, etc…
Así que una vez que he conseguido dejar las cosas como a mí me gustan, os pongo algunos trucos por si a alguien le sirve.
Todas las variables y valores se añaden/modifican escribiendo en la barra de direcciones about:config.
Forzar la instalación de extensiones
Como no puedo vivir sin Ubiquity, Web Developer y MinimizeToTray y aún no hay actualización, siempre tengo activada la opción de que ignore las versiones de las extensiones. Al fin y al cabo, la mayoría de ellas funcionan sin problemas en cualquier versión de Firefox, sólo que su autor ha puesto en la información que sólo es válida de tal a tal versión.
Así que antes bastaba con añadir un nuevo booelano extensions.checkCompatibility con el valor false.
Bien, ahora eso ya no funciona, y hay que añadir otro booelano extensions.checkCompatibility.3.6 con el valor false.
Y me imagino que según vayamos actualizando a versiones superiores, habrá que ir añadiendo nuevos booleanos cambiando la versión. Al menos, con las versiones beta del 3.6 ha sido así.
Lo he encontrado en How to geek
Abrir nuevas pestañas al estilo tradicional
Es decir, que cuando habras una nueva pestaña desde un enlace, se cargue al final de las pestañas que ya tengas, como ocurría hasta ahora
Una de las cosas que más detesto es que los programas cambien cosas porque sí, y que no te den la opción de volver a dejarlo como estaba antes. Chrome ha popularizado la apertura de pestañas justo al lado de la pestaña en la que te encuentras. Ya sé que la mayoría de vosotros lo encontráis genial y muy útil… pero a mí no me gusta, prefiero abrir todas las pestañas de golpe y luego ya voy leyendo a mi bola.
En las opciones no encuentro nada para cambiar este comportamiento, pero mirando un poco en el about:config he descubierto un booleano browser.tabs.insertRelatedAfterCurrent al que le cambiado el valor a false y bingo!!
Mantener una pestaña vacía aunque la hayas cerrado todas
Cuando llegó Firefox 3.5, si cerrabas todas las pestañas, se cerraba el navegador. Y no, lo que yo quería era que se quedase siempre una pestaña, pero en blanco.
Ahora mismo no me acuerdo si el booleano ya venía por defecto o no, pero lo que hay que hacer para que siempre se quede una pestaña en blanco es utilizar el booleano browser.tabs.closeWindowWithLastTab con el valor false y todo solucionado.
Visualizar las propiedades de una imagen
Hasta ahora, si querías ver las propiedades básicas de una imagen o de cualquer otro elemento, colocabas el cursor sobre ella, mostrabas el menú contextual y seleccionabas la opción Propiedades. La información era básica, pero muchas veces suficiente (que igual no había necesidad de utilizar el Firebug).
Bueno, pues ahora, esa opción ha desaparecido totalmente. Sólo tenemos la opción de Ver información de la imagen que nos da mucha más información.
Si queréis recuperar la opción de Propiedades, de momento sólo he encontrado una extensión para ello, llamada Element Properties y sirve para las imágenes y resto de elementos
Y básicamente éstos son todos mis trucos. Si a alguien le sirve, perfecto!
1 comentario »
Estándares Web
26
Octubre
2009
Me explico. Resulta que el padre de Calabacín el aventurero (esa valiente hortaliza que sí, tiene padre, como cualquier otra hortaliza) es tan majo que, a pesar de que estaba hasta arriba de curro, sacó un momento para hacerme una viñeta exclusiva.
La idea era utilizarla para la Jornada HTML 5 y CSS 3, ¡el futuro ya está aquí! que impartí la semana pasada (y que, a pesar del día de perros que hacía y que yo estaba totalmente dopada por culpa de una faringitis, tuvo bastante éxito).
Así que, para todos los que no habéis podido disfrutar en directo de esta nueva aventura de Calabacín, aquí os la dejo:
Y permanezcan en sintonía, que esta semana tendremos novedades de nuestra querida hortaliza.
1 comentario »
Estándares Web
21
Septiembre
2009
La semana pasada estuve un poquito liada, así que no me dio tiempo a publicarla en el blog, pero ya está en marcha la jornada que impartiré el mes que viene sobre HTML 5 y CSS 3. Os dejo los datos básicos:
- Jornada:
- HTML 5 y CSS 3, ¡el futuro ya está aquí!
- Fecha y hora:
- 22 Octubre 2009. De 10:30 a 12:30
- Lugar:
- Parque Tecnológico de Zamudio. Edificio ESI, #204
- Organiza:
- Bizkaia Enpresa Digitala
- Descripción:
-
A pesar de que los estándares HTML 5 y CSS 3 están en proceso de desarrollo por parte del W3C (World Wide Web Consortium), los navegadores empiezan a dar soporte a sus múltiples propiedades.En esta jornada se pretende dar una visión global de las novedades y beneficios que aportan estos nuevos estándares a través de ejemplos prácticos y se pretenderá resolver la pregunta del millón: ¿los podemos utilizar ya?
Para consultar el programa completo e inscribiros, que es gratis (y además hay café y pastas), tenéis que visitar la web de Enpresa Digitala: información e inscripción.
Incluso para que os sea más cómodo, si tenéis algo en el navegador (por ejemplo, la extensión Operator para Firefox) que soporte microformatos, he creado el evento con formato hcalendar, así os lo podéis agregar mejor.
¡¡¡ Os espero a todos !!!
Comentarios desactivados
Estándares Web
16
Julio
2009
Todos aquellos que nos dedicamos de alguna maneral al diseño y desarrollo web utilizamos continuamente los servicios de validación gratuitos del W3C. Son como los correctores ortográficos que vienen instalados por defecto en cualquier procesador de textos.
A veces nos quejamos que son lentos, que dan casques… pero en ese momento no nos acordamos que son totalmente gratis, que no nos piden nada a cambio y además, lo que mucha gente no sabe es que son herramientas de open source (código abierto).
Hace unos meses, el W3C lanzó el Programa de donaciones de los validadores del W3C, pidiendo la voluntad a usuarios, empresas, etc. Bien, no pude resistirme (encima el pago es con Paypal, mi perdición) así que doné 5 euros. Muy poquito, lo sé, pero el gesto es lo que cuenta, ¿no?
Y desde mi humilde blog os pido que, si podéis y queréis, aportéis también vuestro granito de arena. Por mi parte, intentaré hacer todo lo posible por difundir el mensaje: ya he empezado añadiendo en todas las páginas del blog el logo de la campaña: I love Validator (Yo amo al Validador) y también lo mencionaré en los cursos y jornadas que imparta de ahora en adelante:
Así que anímate y dona tú también, pero lo más importante: que no se te olvide validar el código fuente de tus páginas y de tus hojas de estilo antes de subirlas al servidor. (Y aviso para los tocapelotas antes de que me digáis nada: ya sé que mi CSS no valida porque utilizo unas propiedades de CSS 3 que, obviamente no existen en la especificación 2.1).
Comentarios desactivados
Estándares Web
9
Julio
2009
Me resulta muy complicado expresar con palabras algo referente a la última joyita de Mozilla: Ubiquity, la extensión. No es que sea algo nuevo, llevaban trabajando en ello algún tiempo, pero no ha sido hasta ahora que podemos utilizar una versión bastante decente.
Resumiendo lo que nos cuenta Wikipedia:
Ubiquity (en inglés, ubicuidad) es una extensión para Mozilla Firefox que permite a los usuarios crear mashups de otros servicios web fácilmente, sin necesidad de conocimientos técnicos. [...]
Ubiquity es una colección de comandos derivados del lenguaje natural que permiten a los usuarios obtener información y referirlas a otras páginas web, es decir, permite conectar rápida y eficazmente distintos sitios web a través del navegador.
Por ejemplo, permite el acceso inmediato a artículos de Wikipedia simplemente escribiendo una palabra, enlazándolos con noticias y otras páginas sobre el tema, así como realizar transformaciones y operaciones de forma intuitiva.
Pero como seguro que os ha sonado a chino (a mí también) tenéis que observar y escuchar el video de la explicación para que entendáis qué es, para qué sirve y cómo se utiliza Ubiquity:
El lema de Ubiquity es Don’t Surf the Web. Command it. Es decir, no surfées la web, comándala, contrólala (y seguro que si los de Google hubiesen creado Ubiquity también añadirían “y domina el mundo”.)
A mí todavía se me cae la baba. Llevo 2 horas probándolo y aunque la mitad de las veces se me olvida que ahora puedo comandar la Web, no surfearla, ya he eliminado el cajetín de las búsquedas de la barra de herramientas para ir acostumbrándome:
Está claro que, hoy por hoy, esto no sirve para los usuarios novatos o con conocimientos medios, pero seguro que antes de que nos lo esperemos, habrá un interfaz mediante botones o algo para que puedan usar los comandos sin pensar. Y si no lo inventan o los usuarios no lo quieren utilizar, siempre pueden seguir usando los navegadores como hasta ahora, y que nos dejen a los expertos volar por la red.
Lo dicho, que me he enamorado de Ubiquity.
Comentarios desactivados
Estándares Web
9
Noviembre
2007
Si el otro día descubríamos un anuncio de contactos la mar de peculiar, vía Processblack descubro una oferta de trabajo que no soy capaz de clasificar.
El anuncio todavía está activo en Infojobs, así que si no os lo creéis, podéis consultar la oferta vosotros mismos. De todas maneras, he hecho mis deberes y me he guarado una captura de pantalla:
ampliar oferta completa
Recepcionista con Diseño Gráfico
Importante empresa dedicada al mantenimiento y recambio de piezas de automoción necesita para su delegación de Irún persona de 20-30 años para realizar principalmente funciones de recepción y atención al cliente asi como funciones desarrolladas con la maquetación y diseño de la publicidad de la empresa. Imprescindible photoshop, freehand, dreamweaver, dibujo y dominio del inglés.
Requisitos
- Formación Profesional Grado Superior – Artes Gráficas.
- Dominio absoluto del inglés
- Vehículo propio
- Amplios conocimientos de freehand, photoshop, dreamweaver, dibujo…
- …
Lo del vehículo propio no lo entiendo. Si es un puesto de recepcionista, tendrás que estar sentado todo el día, ¿no? Bueno, salvo que seas un recepcionista 2.0, te den una Blackberry manos libres y atiendes las llamadas de la empresa entre visita y visita a los clientes, vendiéndoles y/o enseñándoles los diseños gráficos que has hecho mientras esperabas tu turno en el baño enfrente de la máquina de café…
Ahora sí que me gustaría que saliese la Milá diciendo que va a hacer una investigación sociológica sobre este tema… (No, no soy la presidenta de su club de fans, pero como últimamente está por todas partes…).
Nota: como no sé muy bien cómo estará el tema legal con escribir toda una oferta de trabajo de otro sitio, aunque esté referenciado explícitamente, sólo he puesto un extracto textual, así que dejo el longdesc con una descripción insuficiente (si no eres de los WAI’s, ignora esta última parte…).
2 comentarios »
Estándares Web
29
Octubre
2007
También se me ha pasado avisar de este curso…
La semana que viene imparto un curso de CSS avanzado, también en Bizkaia Enpresa Digitala.
El curso se va a repetir a final de mes en Araba Enpresa Digitala, no sé como estará de plazas, porque las de Bizkaia se agotaron desde hace tiempo.
Pero no os preocupéis, que hay una nueva convocatoria en Bizkaia para Enero (aunque me han comentado que está también bastante lleno).
Para todos y todas que habéis padecido el Block de Notas en mis cursos anteriores, esta vez os he preparado una sorpresita agradable [guiño].
Comentarios desactivados
Estándares Web
24
Octubre
2007
Por poco se me pasa avisar…
Mañana jueves, 25 de octubre, en Bizkaia Enpresa Digitala, impartiré una jornada sobre Ajax y JS no intrusivo, orientada a la accesibilidad.
Es gratuito, sólo dura dos horitas y además hay café y pastas! así que espero veros a todos por allí (prometo no aburrir).
Podéis consultar el programa (y todavía estáis a tiempo de inscribiros) en la web de Enpresa Digitala.
Si acudísteis a la jornada que impartí el año pasado, va a tener una parte parecida, casi toda la de Javascript no intrusivo, sólo que esta vez haremos hincapié en la Accesibilidad con el añadido de Ajax.
Comentarios desactivados
Estándares Web
13
Septiembre
2007
Una vez que ya ha pasado todo eso del huracán Dean, prosigo con la temática normal del blog, es decir, a escribir lo primero que se me pase por la cabeza.
Mi colega Sigmar, uno de los pocos lectores fieles que tengo, se ha acordado de mí y me ha enviado la preciosa viñeta de comic que comparto con todos hoy:
En la viñeta aparecen un chico con pinta de chulito y una chica hablando. El chico le dice a la chica:
Y entonces le contesté ¿para qué coño voy a hacer una página accesible?
.
Entonces la chica le pega un puñetazo, muy indignada.
Se supone que la chica me representa a mí y el chico, a alguien que no respeta la accesibilidad web.
Si no te dedicas al desarrollo web, sáltate este párrafo. Si te dedicas, sigue leyendo. Hola amigo del diseño y desarrollo web. Si te preguntas por qué estoy describiendo con pelos y señales lo que aparece en la imagen (qué perdida de tiempo si ya estás viendo la imagen, ¿no?), mejor no te acerques a mí, que igual la viñeta cobra vida…
Hola de nuevo, querido lector que no se dedica al desarrollo web.
Bien, como iba diciendo, aunque el mensaje de la viñeta puede ser un poco fuerte, realmente representa una situación que vivimos muchos de los chicos y chicas WAIs cuando nos sentimos frustrados, por ejemplo:
- Estás impartiendo un curso de Accesibilidad Web y el último día de clase escuchas a un alumno decir que realmente todo esto no es importante porque, total, todo el mundo utiliza Internet Explorer.
- O te dicen que por unos pocos ciegos no vas a joder al resto (lo siento por el taco, pero es literal).
- O te dicen que no existe la vida sin javascript.
- O que la maquetación con tablas es lo mejor que existe.
- O…
Hay veces que esto es una mierda, la gente no se compromete, se la sopla todo, y realmente te apetece coger un bate de beisbol y liarte a palos con lo que tengas más cerca (la impresora, el ordenador. o lo que sea). Te ven como al enemigo cuando tú lo único que quieres es ayudarles a que la web sea un lugar mejor para todos…
Vale lo dejo aquí que me estoy empezando a poner cursi.
2 comentarios »
Estándares Web
16
Mayo
2007
Al hilo de unos mensajes que han surgido en Ovillo sobre el acierto o no de poner textos alternativos vacíos en imágenes decorativas, no he podido reprimirme a escribir un mensaje que voy a reproducir en el blog.
Realmente no cuento nada nuevo que no hubiera dicho ya hace 6 meses en el post de Textos alternativos vacíos, pero igual os sirve como complemento.
Ahora bien (esto no tiene nada que ver con el post), ¿debo implementar mi mensaje como un blockquote de mí misma o no? nunca lo había pensado…
Textos alternativos vacíos…
Hola,
vamos por partes.
Por la propia definición de (X)HTML, las imágenes deben llevar el atributo alt (así como el atributo src) obligatoriamente.
Lo que cambia es el valor que se ofrezca. Como se ha dicho anteriormente, la forma más correcta de implementar imágenes decorativas, de maquetación, que no aportan información al usuario es mediante CSS, como fondo de un elemento.
Pero hay veces que, por la razón que sea, es imposible, así que el desarrollador la inserta en el contenido de la página (por ejemplo, páginas maquetadas con tablas que quieren cumplir con algunos puntos de accesibilidad, o el nivel A, o cualquier otra razón…)
Es el mismo caso que cuando tenemos que insertar un estilo en línea con style=”…”. Son situaciones ocasionales pero ocurren.
Así que, como se ha dicho antes, lo que tenemos que hacer es que esas imágenes no incordien al usuario, aplicando un valor vacío al texto alternativo.
Un texto alternativo vacío (alt=”") NO es lo mismo que la ausencia de texto alternativo, algo que la gente suele confundir.
Los navegadores no muestran ningún error ni nada raro cuando se encuentran con un texto alternativo vacío.
Si lo que se aplica es un texto alternativo con un espacio (alt=” “), ya no es un texto alternativo vacío porque contiene un espacio y algunos lectores de pantalla, ante textos alternativos así, suelen hacer una pausa en la lectura. Así que hay que usarlos con cuidado, porque si hay 15 imágenes decorativas con alt=” ” antes de un elemento, el lector de pantalla parecerá que se ha quedado dormido…
Los que sí van a “cantar” ante un texto alternativo vacío van a ser los revisores automáticos de accesibilidad (hera, taw…) ya que te indicarán las imágenes a las que has aplicado textos alternativos vacíos y te pedirán que te asegures, en tu revisión manual posterior, de que esas imágenes realmente son decorativas.
Los navegadores sólo nos muestran un aviso si existe una imagen sin texto alternativo. Por ejemplo, un lector de pantalla avisará al usuario de que se ha encontrado una imagen sin texto alternativo, así que el usuario no sabrá jamás si la imagen contenía información importante o era decorativa. Incluso hay usuarios que configuran su navegador para que no les dé este tipo de avisos…
Una práctica habitual en accesibilidad, lamentablemente, es utilizar únicamente revisores automáticos de accesibilidad, así que algunos ponen a todas las imágenes textos alternativos vacíos y se quedan tan anchos, porque “pasan” esa validación automática.
Otra práctica hace justo lo contrario, se implementan por CSS imágenes que sí tienen contenido y para aplicarles (o simular) el “alt” se hacen mil burradas como poner un atributo “title” en el elemento “div” o en el que se le ha aplicado la imagen, y como valor de ese “title” se indica lo que debería ir en el “alt”… y esto es casi peor…
Y como también se ha dicho antes, utilizar textos alternativos para indicarle al usuario que se ha encontrado con una imagen decorativa, del estilo:
- alt=”imagen decorativa de una señora haciendo cola en el supermerdado”
- alt=”foto decorativa”
- alt=”esquina superior izquierda”
- …
tampoco es correcto, lo único que hacemos es aburrir al usuario y conseguir que nuestra página se le haga bastante cuesta arriba. Es aquí donde utilizaremos los textos alternativos vacíos.
Si la imagen tiene información, jamás puede ir como fondo, salvo que en esa imagen haya texto y entoces se utilice una técnica de reemplazo de texto y ésta sea accesible (porque recordemos que no todas las técnicas son accesibles del todo).
And that’s all folks!
Comentarios desactivados
