Como se ve tu sitio web en todos los navegadores (web browsers) existentes. Prueba tu sitio acá y tendras un screenshot por cada navegador que selecciones.
damr.net ahora Valida XHTML
Siempre peleando para que el blog cumpliera con los estándares del web, ahora este blog se une a los pocos que tienen su código válido:
Se siente bien saber que lo hace, y simplemente hay que seguir los consejitos que te da cuando no valíde.
Me entero que ya pasó la @ de oro de El Salvador, y el ganador absoluto fue el Banco Agrícola.
Ya prefiero no hacer anotaciones sobre ese tema, ya que la arroba de oro está en la perdición, solo empezando por la validación del sitio ganador, prefiero no seguir haciendo comentarios.
Saludos!!!
Al Crear Otra Categoría de Links en Wordpress, Hace que Pierdas la Validación w3
Recientemente al crear mi otro blog
Zibartec.com, al principio me daba cero Errores de Validación al probarlo en el w3c Validator. Resulta que ahora creé otra categoría de Links y después de eso, el blog ya no me valida, me da aproximadamente 19 errores de validación.
El error principal es de que cuando uno crea otra categoría de links, wordpress te genera otra lista con la misma “id” que en la primera categoría creada, cuando el campo “id” solamente tiene que ser usado una vez en la página, no puede repetirse (para eso está el “class”).
Acá pueden ver el extracto del código fuente que se genera con dos categorías de links creados:
<li id="links" class="widget widget_links"><h3 class='widgettitle'>Links de Interés (español)</h3> <ul> <li><a href="http://blog.faqoff.org/">BlogOff</a></li> <li><a href="http://blogtekno.com.ar/">BlogTekno</a></li> <li><a href="http://www.elgeek.info/">El Geek</a></li> <li><a href="http://fogonazos.es/">Fogonazos</a></li> <li><a href="http://www.marcianos.com.mx/">Marcianos</a></li> <li><a href="http://www.microsiervos.com/">Microsiervos</a></li> <li><a href="http://es.motorfull.com/">Motorfull</a></li> <li><a href="http://noticiastech.com/">Noticias Tech</a></li> </ul> </li> <li id="links" class="widget widget_links"><h3 class='widgettitle'>Links de Interés (inglés)</h3> <ul> <li><a href="http://www.engadget.com/">Engadget</a></li> <li><a href="http://www.gizmodo.com/">Gizmodo</a></li> <li><a href="http://www.inhabitat.com/">InHabitat</a></li> <li><a href="http://www.popularmechanics.com/">Popular Mechanics</a></li> <li><a href="http://www.slashdot.org/">Slashdot</a></li> <li><a href="http://www.technologyreview.com/">Technology Review</a></li> <li><a href="http://www.theinquirer.net/">The Inquirer</a></li> <li><a href="http://www.sciencedaily.com/">The Science Daily</a></li> <li><a href="http://www.ubergizmo.com/">UberGizmo</a></li> <li><a href="http://www.wired.com/">Wired</a></li> </ul> </li>
Entonces me puse a buscar en los archivos indivudales de la instalación de Wordpress, y el problema está en el archivo “bookmark-template.php” en /wp-includes/, específicamente en estas líneas:
function wp_list_bookmarks($args = '') {
$defaults = array(
'orderby' => 'name', 'order' => 'ASC',
'limit' => -1, 'category' => '',
'category_name' => '', 'hide_invisible' => 1,
'show_updated' => 0, 'echo' => 1,
'categorize' => 1, 'title_li' => __('Bookmarks'),
'title_before' => '<h2>', 'title_after' => '</h2>',
'category_orderby' => 'name', 'category_order' => 'ASC',
'class' => 'linkcat', 'category_before' => '<li id="%id" class="%class">',
'category_after' => '</li>'
Aunque ahí me quedé, porque no se quien genera el nombre de las categorías de link, pero es de recalcar de que al tener más de una categoría de link, tu código ya no es válido por la w3c, aunque te funcione sin problemas.
Si alguien tiene una solución, con gusto bienvenida
Saludos!!
Análisis Finalistas Nominados a la Arroba de Oro 2007
Bueno, como seguimiento especial por parte de DAMR.NET del certamen de la Arroba de Oro 2007, haremos a contiunación un análisis exhaustivo de cada sitio y quienes merecen ganar.
Los resultados de los premios Exponet 2007 en Guatemala…
Ya están disponibles los resultados de los Premios Exponet 2007 en Guatemala, los cuales ví y varios de los sitios ganadores me han dejado maravillado, especialmente el del Parque Nacional Ixpanpajul, que lugar y que website.
Me ha gustado su forma de evaluar, me puse ver en casi todos, y en su mayoría cumple con las reglas de validación del w3c, no solo se basaron en lo bonito. Felicito a los organizadores de ese evento por esmerarse tanto en eso, al solo ver el jurado de calidad que tenían (incluyendo a Leo Prieto de FayerWayer, uno de los blogs que más leo y sabe mucho de diseño de websites).
Flock, ahora más bonito
Ahora el navegador, la versión 0.9 recientemente lanzada, a mi parecer es una opción muy buena, ya que aparte de tener una mejor apariencia por default que Firefox, trae muchas funcionalidade e integracion con muchas redes Web 2, como por ejemplo, Fotos en Flickr, en Photobucket, guardar los favoritos en de.icio.us sin ninguna extensión, y además, se puede Bloggear desde este navegador, compatible con plataformas tales como Blogger, Typejournal, Wordpress, Movable Type, Metablogs, etc (de hecho, estoy bloggeando desde Flock).
Así que si pueden darle un test a este navegador, de seguro les gustará. Disponible para Windows, Linux y Mac.
Saludos.
Mas Info | Pagina de Flock
Es delicado este Wordpress
Como todos sabemos, una de las libertades que nos da Wordpress.org es la edición del Theme al gusto de cada quien, por eso me gusta utilizarlo. Pero tambien siento que de los muchos temas que existen y se pueden bajar, son pocos los que cumplen con los estándares del web, es raro el que pase el test de validación y que se pueda ver bien en Internet Explorer.
La onda que hoy traveseando mi Template que tenía, su código CSS se me tornaba complicado, y modifiqué un valor, no cree backup, y zas, se me distorsionó toda la plantilla, me enojé tanto que puse la Kubrick (la default de WP).
Jaja, a raíz de esto, ya hubieron Trolleadas al respecto:
Entonces lo que se me ocurrió fue de nuevo tratar de adaptarme a esta template, me puse a analizarla desde el mínimo detalle, y siempre me he preguntado porque es la Default de Wordpress, la onda es que llegué a las siguientes conclusiones:
- Es Eye Candy, es decir, la primera impresion al verla, te parece bien
- Cumple con los Webstandars, cero errores de validación si la agarran Out of The Box (validate it NOW)
- Es muy fácil de personalizar. Esta trae muy explicado el CSS, en que sección están las tipografías, la estructura (los anchos y altos), la sidebar, los formularios, muy bien explicada, y eso hace una fácil modificación.
El header lo he retocado un poquito, y le agregué un Top Menu hechos y diseñados by myself, y he estado jugando con la tipografía, aunque ese tema siempre me quita mucho tiempo.
La onda que al igual que el Sandbox, el Kubrick también es muy amigable para la personalización.
Saludos!!!
PD. Este se ve perfecto en Internet Explorer 6, asi que visitantes con ese navegador, ya pueden ver bien la página.
El Peor Diseño Web Jamás Visto
En estos días, conversaba con un muy conocido Blogger Chapin, Javier Aroche, acerca de la Arroba de Oro, que solo sitios Web 0.01 ganaban, full flash, diseños malos, etc, etc.
La onda que se empezaron a poner ejemplos, y recordando algun post de un foro que visito mucho me encontre con un sitio que la verdad, me dejó doliente de los ojos y algo zombie por buen rato. Se trata de este sitio (les recomiendo que preparen sus ojos antes de visitar este sitio, mas si son epilepticos), que parece algo cristiano, pero eso es lo último en lo que uno se fija.
Bueno, se me ocurrió mandarlo a Meneame (en meneame estoy como damejiar), ya que siento que es una forma de compartir lo que no se debe de hacer en un diseño de un sitio web. El resultado : Karma 722, a los 79 meneos salió a portada, 57 minutos después de haberse enviado.
Lo increible es ver algunos comentarios:
#2 Mis ojoooooooooooooos!!!!!!!!!!!!!!!!!!!!
Voy a demandarte y a pasarte la factura del oculista
![]()
#28 Aún me están sangrando los ojos…. No hay duda el web¿master? tiene algún problema grave de percepción de colores… o eso o es un cachondo
Un saludo.
#70 ¿No será un pecado crear ese tipo de páginas?
.
#82 Puya es no recomendable ver un sitio como este despues de jugar al rededor de 7 horas continuas.. y ver esos fellos colores tendre que charme una gotitas o meter la cabeza en la pila pa refrescar los ojos..
Saludos
No lo encontré, pero mas de alguno mencionó que esto era la tecnología “Web -2.0″, haciendo alusion al retroceso de la tecnología web actual Web 2.0.
Les dejo el fondo si desean utilizarlo como fondo de pagina web, twitter, perfil del hi5, myspace, …, o mejor aun, si desean ganar un certamen de diseño web 0.01 o -2.
Ya muchos blogs han puesto su regla del peor diseño web de la historia y otra recomendación de lo que no hay que hacer (SiGT, Portafolio, Helektron, etc)
Asi que espero que disfruten del buen diseño web “arcoiris”.
Saludos.
Pon Videos de YouTube en Wordpress desde su Editor
Si eres usuario de Worpdress, pero has creado un Blog desde el sitio wordpress.com, insertar videos de YouTube sera cosa sencilla.
Por ejemplo, si quieres colocar el video de la siguiente direccion:
http://www.youtube.com/watch?v=OL50ddCSJmo
Solamente tienes que escribir en el editor de textos (ya sea en visual o en code):
[youtube= http://www.youtube.com/watch?v=OL50ddCSJmo]
Pero si tienes Wordpress alojado en un sitio web (bajado de wordpress.org), para insertar el video necesitas hacer lo siguiente:
Tenemos el URL :
http://www.youtube.com/watch?v=OL50ddCSJmo
Entonces para obtener solo el objeto Flash lo pasamos a la siguiente forma:
http://www.youtube.com/v/OL50ddCSJmo
Esa es la URL de solo el objeto Flash del video de YouTube, entonces necesitamos hacerle un embed en el blog de la siguiente forma en edicion CODE:
*< embed type=”application/x-shockwave-flash” src=”http://www.youtube.com/v/OL50ddCSJmo” width=”425″ height=”350″
pluginspage=”http://www.adobe.com/go/getflashplayer” />
*Se ha colocado un espacio entre el objeto de apertura y la palabra embed por motivos de que el editor de Wordpress corrige el html. Entonces para que sea efectivo el codigo, simplemente quitar ese espacio.
En donde solamente se coloca el objeto flash del video YouTube.
Lo importante es que a la hora de publicar la entrada, no tienes que salirte del modo CODE, sino Wordpress tratara de corregir el codigo y tendras que volverlo a colocar, lo mismo pasa si quieres volver a editar la entrada de nuevo, tendras que volver a poner el codigo correcto del video para que vuelva a salir.
Se que el editor de Wordpress tiene varias quejas de parte de sus usuarios, pero por el momento esta es la unica forma de hacerlo.
Fuente Embed | A list Apart

