Archivos en la categoría html

gotAPI, un buscador de funciones en distintos lenguajes

gotAPI.com es un buscador muy interesante que permite buscar documentación sobre propiedades, funciones, métodos, etc. de distintos lenguajes de programación, librerías o APIs.

Algunos ejemplos son:

  • HTML
  • CSS
  • PHP
  • JAVASCRIPT
  • ACTIONSCRIPT
  • CakePHP
  • jQUERY
  • Flicker API
  • Drupal
  • JAVA (J2SE, J2EE)
  • XML/XSL
  • C/C++
  • ORACLE
  • MySQL

En la página de inicio se seleccionan los lenguajes en los que se desea buscar. Mientras más lenguajes estén seleccionados, más tardará en dar los resultados.

La caja de búsqueda cuenta con un suggest, en el que se van mostrando las distintas funciones o propiedades que coinciden con la búsqueda a medida que se escribe.

Doctype: Google incorpora enciclopedia sobre estándares de Open Web

Google lanzó un nuevo producto realmente interesante: Google Doctype. Definido según su creador, Doctype es “una enciclopedia para desarolladores web para desarolladores web”.

Armado en forma de Wiki, éste proyecto pretende documentar todos los estándares web de lenguajes abiertos (como Javascript, CSS, HTML, etc.). Puede ser editado y comentado por cualquiera que posea una cuenta en Google (o Gmail).

También tiene una versión en español, aunque no tan completa de cada tema.

http://code.google.com/doctype/

DOCTYPE - Ayudar a IE a cumplir estándares

Es sabido que IE no hace un buen render de una página web. Con “buen render” me refiero a que no cumple con los estándares de la W3C.

Al hacer una página que cumpla con todos los estándares, son notables las diferencias de visualización entre Firefox, Opera, etc y IE.
Para reducir estas diferencias, es una buena idea usar DOCTYPEs en el encabezado del HTML. Éste DOCTYPE permite a los navegadores (y validadores de código) saber que versión de HTML se está utilizando. Existen distintos encabezados. Entre los más comunes están:

HTML 4.01 Estricto

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Establece que se utilizará estrictamente lo que establece el estándar de HTML 4.01, separando las Hojas de Estilo del código HTML de estructura.

HTML 4.01 Transicional
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Incluye todos los elementos y atributos de HTML 4.01 Estricto, pero agrega los elementos que ya no son utilizados en la versión 4.01 y atributos de presentación o estilo.

HTML 4.01 Frameset

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Usado en documentos que utilizan frames.

Estandarización del código

Algo que no hay que dejar de tener en cuenta a la hora de hacer una página de internet, es que el código cumpla con los estándares establecidos. Esto sirve, a parte de para hacer las cosas correctamente, para que la mayoría de los navegadores pueda mostrar correctamente la página (salvo IE que cumple con sus propios estándares).
También es importante para el SEO (search engine optimization), ya que Google da privilegio (aunque no mucho, se ve en los resultados) a las páginas que cumplen con los estándares.

World Wide Web Consortium, o W3C, es la organización que se encarga de estandarizar el código web. En su página se encuentran las especificaciones que indican de que manera se debe usar cada propiedad, cada tag, etc.

También es su web, hay herramientas destinadas a verificar que las páginas cumplan con los estándares y, de no ser así, mostrar los errores.

Las herramientas de verificación o validación son las siguientes:

También hay una herramienta que busca enlaces (links) rotos: http://validator.w3.org/checklink