La W3C actualiza su validador HTML

27, julio, 2007

logo En ANIETO2K nos comunica que la W3C ha actualizado el validador de HTML. Esta nueva versión, y comenta que a parte de una diseño muy conseguido es una obra maestra del desarrollo web, y pasa a decir el por qué:

1. Uso inteligente del Javascript. Si le echamos un vistazo al código fuente nos sorprende ver que han usado MooTools como framework para potenciar el javascript de la aplicación. Si revisamos el código javascript vemos que las funcionalidades implementadas en este lenguaje son bastante simples y nada ostentosas como en otros sitios, nada de efectos vistosos que no aportan nada.

2. La accesibilidad ante todo. La primera prueba que ha hecho sobre el sitio ha sido la de entrar con javascript desactivado, y me ha dejado maravillado el menú por tabs convertido en una lista de enlaces sin perder nada de funcionalidad. Evidentemente la estructura de la página correctísima, nos permite usar la aplicación aunque estemos frente a un navegador sin CSS, una solución muy accesible.

Conclusión. Es obvio que un organismo como la W3C haga las cosas de esta manera, y más si es así como lo están promoviendo. Tienen recursos, y a los mejores programadores de la materia. Personalmente, la web del validador de W3C además de ayudarnos a comprobar que cumplimos, o no, los estandares web, nos deleita con una aplicación web que todos deberíamos imitar.

Anuncios

Índice de todos los elementos HTML y su significado

9, julio, 2007

En SIGT mencionan que Jens Meiert ha publicado la semana pasada un índice de todos los elementos HTML y su significado, incluyendo su disponibilidad en todas las versiones de HTML y XHTML: HTML 3.2, 4.01, 5, XHTML 1.0 y XHTML 2.0.

Con esta tabla se pueden ver todos los elementos que han existido para estas versiones, un gran trabajo y una dirección imprescindible que se va directo a favoritos.


Crea tu primera web en XHTML y CSS paso a paso

5, julio, 2007

En CRISTALAB encuentro un artículo realizado por inyaka, donde nos cuenta a modo de tutorial la manara más sencilla de comenzar por primera vez una página web, mediante XHTML y CSS.


Listas de colores hexadecimales para diseño web

3, julio, 2007

En BLOG VECINDAD…, otra lista de colores de ColourLovers. Muy interesante que está compuesta por tintas de cada color RGB.

Las especificaciones del HTML 3.2 identificaron dieciséis colores que se pueden utilizar por nombre para definir color en el HTML y el CSS. Pero se puede utilizar más de dieciséis colores en el HTML… así que no necesitas saberlos todos los tienes enumerados en el siguiente enlace Ultimate HTML Color HEX Code List.


Imagen flotante con efecto de “ir arriba”

27, junio, 2007

En GEM@BLOG, nos enseña un código que al aplicarlo, da como resultado una imagen que aparece en la parte derecha inferior del blog, es de gran utilidad para “regresar” arriba de la página desde cualquier parte en donde te encuentres, ya que la imagen siempre permanece fija en la esquina inferior del navegador..

Para aplicarla en nuestro blog deberemos hacerlo en Edición de HTML de la plantilla.

Una vez ahí podemos aplicar el siguiente código entre las etiquetas <body> y </body> yo os recomendaría hacerlo justo antes de </body> de esa forma es más fácil encontrar el código si en algún momento pensamos cambiar o suprimir la imagen.

<a href="#"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>

Lo he probado y funciona muy bien.


Humor html

18, junio, 2007

He visto en MENÉAME este divertido dibujo para los que les gusta el lenguaje html

dibujo

Imagen de The Scientific Cartoonist.

En los comentarios han dejado alguna que otra perla y alguna cosa que he buscado aunque son un poco viejas:

vida

 

ejemplo

 

ejemplo

 

ejemplo

 

ejemplo


¿Cómo poner un logo o una imagen con enlace en tu blog?

15, junio, 2007

En UBH, muestran una solución muy sencilla a dicha pregunta. Así que para poner una imagen o logo y construír tú mismo el código tiene que disponer de las siguientes partes:

  • Una imagen subida a internet.
  • Un enlace para que al pinchar la imagen se abra la página.

Para subir una imagen a internet, podemos utilizar nuestro propio alojamiento o uno de los servicios gratuítos que alojan imágenes en internet, por ejemplo Imageshack u All you can upload.

Y el enlace dependiendo de la web o blog que queráis abrir es la dirección URL que veréis en vuestro navegador cuando estáis en esa web o blog.

Una vez tengamos estas dos partes, procedemos a construír el código htlm, de forma que el código de la url envuelva al de la imagen.

  1. Ejemplo 1: < abrimos código de la url><ponemos el código de la imagen><cerramos el código de la url>
  2. Ejemplo 2: <a href=”url de la página”><img src=”url de la imagen que quieras poner” /></a>
  3. Ejemplo 3: <a href=”https://cosassencillas.wordpress.com/”><img src=”https://cosassencillas.files.wordpress.com/2007/05/botoncs.png&#8221; alt=”botoncs.png” /></a>

Con el siguiente resultado:

botoncs.png

Este sería el código básico para construír un logo, que pegaréis en una zona de código de vuestro blog o web y será interpretado como se ve en la imagen del logo.

Se le pueden añadir muchos atributos, como por ejemplo alt, border, de la imagen o target de la url etc… para guiaros mejor, os recomiendo que miréis la estructura de nuestros logos con los atributos que tiene.