0.0.0.0 57 53 <embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=3014637678488153340&hl=es" flashvars=""> </embed> <p>Después de este vídeo, poca cosa queda más que decir</p> 0 2007-12-04T22:09:58Z 2007-12-04T22:07:00Z 65857 gracias-steve 2007-12-04T22:09:58Z 1 1 2007-12-04T22:09:58Z 0.0.0.0 57 53 <a href="http://www.ifema.es/ferias/simo/web20/default.html" title="http://www.ifema.es/ferias/simo/web20/default.html" id="link_0">http://www.ifema.es/ferias/simo/web20/default.html</a> Después de ver la web del evento web 2.0 que se hará para el SIMO 2007, y ver que esta en html, con frames... uno plantea si estaría mejor en el campo cuidando ovejas. 0 2007-10-25T07:19:33Z 2007-10-25T07:10:00Z 48035 web-2-0 2007-10-25T07:19:33Z 1 1 2007-10-25T07:21:14Z 0.0.0.0 57 53 Últimamente mucho de los <a href="http://www.bloglines.com/public/piensaenpixel" title="http://www.bloglines.com/public/piensaenpixel" id="link_0">blogs que leo</a> , se hacen eco de mucho de los problemas de la <a href="http://es.wikipedia.org/wiki/Accesibilidad_web" title="http://es.wikipedia.org/wiki/Accesibilidad_web" id="link_1">accesibilidad en la web</a>. Aquí tenemos un listado de los 10 fallos de accesibilidad más frecuentes: <ul><li><strong>Cambio de contexto cuando se quita el foco a un elemento en el formulario</strong>, ejemplo: cuando se hace el submit de un formulario.</li><li><strong>Obtener el foco de un elemento con el teclado y no poder salir usando el teclado</strong>:se da cuando navegando mediante el teclado, se entra en el contenido deun elemento y no se puede volver al contenido principal o salir de unelemento usando el teclado.</li><li><strong>Tener un time-out para la sesión sin ofrecer la posisbilidad de guardar la información para recuperarla cuando re-autentiquemos</strong>:si la sesión le finaliza al usuario sin posibilidad de recuperar elestado en el que estaba antes de finalizar la sesión, la persona deberáde volver a empezar de nuevo, por lo que es posible que tampoco puedafinalizar la acción.</li><li><strong>Texto alternativo que no representa correctamente el texto original ya que éste muestra </strong>información<strong> debido a diferencia de colores.</strong></li><li><strong>Mostrar imágenes con información importante mediante estilos: </strong>sise usa una imagen que contiene información y se muestra como fondo deun elemento y no hay un texto que indique el contenido de esa imagen.</li><li><strong>Usar el contenido<em> blink</em> sin el mecanismo para parar el parpadeo</strong>: se recomienda no usar nunca <em>text-decoration</em> (blink), si no queda otro remedio que usarle se debería de crear un script que pare el parpadeo a los 3 segundos.</li><li><strong>Usar un applet o un Flash que parpadee sin el mecanismo para pararlo</strong>.</li><li><strong>Usar subtítulos que omiten parte del diálogo o sonidos importantes</strong>.</li><li><strong>Modificar el significado del contenido debido al posicionamiento mediante CSS</strong>:se trata de cambiar el significado semántico de una etiquetamodificando su posicionamiento mediante CSS. el fallo consiste en usaretiquetas no destinadas a ese sentido, cambiarles los etilos yrepresentarlas como queremos.</li><li><strong>Modificar el aspecto del texto para mostrar algo que ya representa una etiqueta</strong>. </li></ul>Via: <a href="http://sentidoweb.com/" title="http://sentidoweb.com/" id="link_2">Sentido Web</a> y tambien...: <ul><li><strong>Javascript intrusivo</strong>:Mostrar contenido con javascript, que sin el no se nos mostraría </li><li><strong>Diseñar dependiendo del dispositivo.</strong></li><li><strong>Utilizacion de dimensiones absolutas.</strong></li><li><strong>Falta de elementos de encabezado: </strong>Se deben utilizar encabezados h1, h2, h3... para formatear la información. <strong></strong></li><li><strong>Versión accesible: </strong>Crear una web paralela como "web accesible". Dificultades para mantener el mismo contenido en dos páginas y hacer una puerta de atrás para entrar en la web. <strong> </strong> </li></ul>Los buscadores serán uno de los principales beneficiados si nuestra web es accesible, los buscadores son "ciegos" 1 2007-06-14T21:11:12Z 2007-06-14T21:11:12Z 4415 2007-10-05T12:02:02Z accesibilidad 2007-06-14T21:11:12Z 1 1 2007-10-05T12:02:02Z 0.0.0.0 57 53 <p class="MsoNormal">Ayer Apple nos volvió a sorprender, además de presentar Leopard (a partir de octubre tenemos la definitiva), con la presentación de la beta de Safari 3 para mac-windows. En un primer vistazo en cuanto a apariencia prácticamente poca diferencia conrespecto a las versión anterior. El "problema" viene cuando nos ponemos a navegar, pocas páginas heencontrado que se vean decentemente. Tendremos que ver la versión definitiva paraponernos a trabajar duro y solucionar todos los problemas :) Lo curioso es que si le pasamos el <a href="http://www.webstandards.org/files/acid2/test.html" title="http://www.webstandards.org/files/acid2/test.html" id="link_0">Acid Test</a>,nos muestra una maravillosa y sonriente cara... Habrá que esperar <br style=""><!--[if !supportLineBreakNewLine]--><br style=""><!--[endif]--> 1 2007-06-12T08:24:45Z 2007-06-12T08:24:45Z 3373 2007-06-12T08:54:34Z safari-3 2007-06-12T08:24:45Z 1 1 2007-06-12T08:54:34Z 0.0.0.0 57 53 Siguiendo con la línea de los posts anteriores, nos acercamos a la <a href="http://beta.cnn.com/" title="http://beta.cnn.com" id="link_4">beta de cnn.com</a> . A primera vista, encontramos una web limpia, agradable y fácil de navegar. Me llama la atención la cantidad de javascript que usa, basándose en la librería <a href="http://script.aculo.us/" title="http://script.aculo.us/" id="link_5">scriptaculous</a> . En la <a href="http://beta.cnn.com/2007/POLITICS/06/04/debate.analysis/index.html" title="http://beta.cnn.com/2007/POLITICS/06/04/debate.analysis/index.html" id="link_3">salida del artículo</a> , me parece muy interesante la manera de presentar los vídeos y las fotos relacionadas, pero queda por ver cómo solucionan el problema de las fotos verticales. En los puntos negativos nos podemos encontrar con que parte del código no es semánticamente todo lo que podemos esperar para una web como esta, falta de encabezados, uso de divs innecesarios –“divditis”-, algunos datos tabulados como las tablas de cotización de bolsa que no son tablas como realmente deberían ser. Y en cuanto a accesibilidad echo de menos el poder aumentar y disminuir el tamaño de texto desde la portada, no sólo desde el interior. Incluso cuando nos da la opción de aumentar o disminiuir nos encontramos simplemente con un nivel de aumento, lo cual se queda bastante corto. Asimismo, cuidar un poco la navegación por teclado no estaría de más :) Esperaremos al lanzamiento final de la web, a ver si tienen en cuenta alguna de las aportaciones ;) 1 2007-06-04T20:33:06Z 2007-06-04T20:33:06Z 670 2007-06-11T16:46:05Z beta-cnn 2007-06-04T20:33:06Z 1 1 2007-06-11T16:46:05Z 0.0.0.0 57 53 Hace unos días salía a la luz el nuevo diseño de <a href="http://www.technorati.com/" title="http://www.technorati.com" id="link_0">technorati</a>. Lo primero que llama la atención es el cambio a 1024. Estéticamente me parece para quitarse el sombrero, quizá el único pero que se le podría poner es el ticker superior. A niveles de desarrollo han conseguido que la página valide en <a href="http://validator.w3.org/check?uri=http://www.technorati.com/&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;verbose=1">XHTML 1.0 Strict</a> en buena parte de las páginas. Pero sobre todo lo que más me ha llamado la atención ha sido su forma de organizar el código en las nube de tags. 0 2007-05-31T19:51:01Z 2007-05-31T19:51:01Z 570 rediseno-technorati 2007-05-31T19:51:01Z 1 1 2007-05-31T19:52:59Z 0.0.0.0 57 53 Ahora que todo el mundo nos peleamos por los estandar web, que maquetar con tablas pensabamos que estaba olvidado, que la <a href="http://es.wikipedia.org/wiki/Accesibilidad" title="http://es.wikipedia.org/wiki/Accesibilidad" id="link_0">accesibilidad </a> y el <a href="http://es.wikipedia.org/wiki/SEO" title="http://es.wikipedia.org/wiki/SEO" id="link_1">SEO</a> se han convertido en algo primordial, aparece el rediseño de <a href="http://www.larazon.es/" title="http://www.larazon.es" id="link_2">larazon.es</a>, que se basa en llevar la contraria a todo esto. - Maquetación con tablas - Sin separación de diseño y contenido, "style", "valign", "height", son algunas de las cosas que nos encontramos si echamos un vistazo al código - Url poco semánticas, google estará volviéndose loco ;) - Accesibilidad, más bien poco. Sin navegación por teclado, posibilidad de aumentar y disminuir texto desde un desplegable que sin javascript no aparece :) En cuando al diseño ya hablaremos otro dia ;), pero sobre todo algo que no me gusta nada es que el menú me persiga por toda la pantalla! :) false 6 2007-05-17T08:09:48Z 2007-05-17T08:09:48Z 214 2007-06-11T16:50:01Z rediseno-larazon-es 2007-05-17T08:09:48Z 1 1 2007-06-11T16:50:01Z 0.0.0.0 57 53 Como supongo que sabreis, se lleva celebrando desde 2005 el congreso <a href="http://www.fundamentosweb.org/" title="http://www.fundamentosweb.org" id="link_1">"Fundamentos Web"</a> en Oviedo. Como este año no podía ser menos, ya están manos a la obra, se nos presentan con un proyecto no muy <a href="http://www.camaleoncss.com/1/p1/camaleon.html" title="http://www.camaleoncss.com/1/p1/camaleon.html" id="link_0">novedoso</a> , pero al menos si divertido :). Nos proponen un concurso, que cambiando simplemente la hoja de estilo, cambiar el diseño de la web. Los <a href="http://www.fundamentosweb.org/2007/Concurso/#premios" title="http://www.fundamentosweb.org/2007/Concurso/#premios" id="link_3">premios </a> no están mal, esperemos que al menos el primer premio sea de la gama nueva de <a href="http://www.apple.com/es/" title="http://www.apple.com/es/" id="link_2">apple </a> . La votación de los diseños es a partir del próximo martes 22. He presentado un diseño, así que si a alguno le apetece hacer una buena labor social le estaré agradecido ;) false 4 2007-05-16T13:27:05Z 2007-05-16T13:27:05Z 207 2007-05-17T08:00:55Z fundamentos-web 2007-05-16T13:27:05Z 1 1 2007-05-25T10:13:50Z 0.0.0.0 57 53 Supongo que muchos ya lo habreis visto, pero para empezar creo que es muy interesante :) <object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/6gmP4nk0EOE"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/6gmP4nk0EOE" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object> false 1 2007-05-08T14:36:17Z 2007-05-08T14:36:17Z 151 2007-06-05T02:34:37Z web-2-0 2007-05-08T14:36:17Z 1 1 2007-06-05T07:22:50Z 0.0.0.0 57 53 Bienvenidos a este mi pequeño rincón, desde aquí intentaré no aburriros demasiado. Escribiré sobre lo que me gusta y me apasiona, diseño web, css, internet, tecnologia, usabilidad, accesibilidad, SEO... Espero que lo disfruteis tanto como yo. Saludos. false 0 2007-05-08T07:02:46Z 2007-05-08T07:02:46Z 149 presentacion 2007-05-08T07:02:46Z 1 1 2007-05-25T10:13:47Z