Skip navigation.

Guerra por los estándares

Estándares web, nueva guerra de los navegadores, tips de desarrollo web

Posts tagged with "buenas practicas"

Mantenlo simple, porque bueno, es más simple! (parte 2)

, , , ...

En el post anterior indiqué un problema común a desarrolladores que vienen de la vieja escuela, ilustrado en un sitio enviado a nosotros por una empresa a la que llamaremos "Silicio", claro que aquello no fue lo unico con lo que nos topamos.

En esa misma página, nos encontramos con lo siguiente:

...
<form onsubmit="buscar();">
...

Sólo por curiosidad buscamos la función "buscar", y nos encontramos con ésto:

<script type="text/JavaScript">
  function buscar(){
    var f=document.forms[0];
    f.method='post'
    f.submit();
  }
</script>

????!!!!!????!!!!!!
Por queeee???!!! En la mente de quién cabe hacer un javascript cuya unica funcion sea llevar a cabo la acción submit que ya de hecho la realiza por defecto todo formulario??? no sólo es un desperdicio de líneas de código, sino de tiempo para escribirlo, si por lo menos hiciera alguna validación aquí tendria sentido, pero no habia nada. la llamada al formulario y el script todo junto, se podría haber escrito así:
<form method="POST">

Como regla general, si lo que quieres hacer ya lo hace html o css nativamente, hazlo entonces con esas capas, para eso están ahi, sólo si no son capaces de hacerlo, entonces aplica javascript. Te ahorrará código y muchos dolores de cabeza, y mejor aún, tu página correrá suavemente, te será más compatible, y tendrás una verdadera tranquilidad tecnológica.

No esperen ver este código publicado, ya que nos encargamos de borrar estos horrores por nuestra cuenta, Silicio le dijo a nuestro cliente que tardaba 8 horas en solucionarlos (y les cobraba por eso), a nosotros nos llevó 19 minutos.

Mantenlo simple, porque bueno, es más simple! (parte 1)

, , , ...

Hoy inicio una nueva sección, llamada "horrores de la web", aquí publicaré algunos de mis hallazgos de páginas mal hechas, tratando de obtener una enseñanza de ahi, o simplemente para descargarme.

Hace unos dias nos llegó código de una empresa con la que tenemos que trabajar por un sitio web para un cliente nuestro. Como forma de proteger a dicho cliente, en este artículo no mencionaré el nombre de la empresa responsable de estos horrores, así que la llamaré simplemente "Silicio"


El desarrollo web actualmente está separado en capas más o menos bien definidas, por un lado tenemos (X)HTML, que contiene la estructura y textos de una página, por otro lado tenemos a CSS, que se encarga de la presentación, y por último a javascript, que se encarga del comportamiento y de tareas que aún no se pueden realizar con las otras capas. Por supuesto que tambien existen los plugins, pero éstos cumplen tareas más específicas.

En este sitio nosotros nos encargamos del diseño, es decir, de la capa de presentación, mientras que Silicio nos entrega el html. Pero mientras trabajabamos en el CSS nos encontramos que habían elementos de presentación en el HTML, por ejemplo:

<div align="center">
  ...
</div>

¿Que sentido tiene? ¿por qué incluír elementos presentacionales cuando ya estás trabajando con alguien que hace el diseño?, solo bastaba con poner <div>, o como muucho algo como <div class="advertencia"> y el diseñador se hace cargo del resto.

No sólo eso, el encabezado de la página especificaba que estabamos trabajando con xhtml, entonces, ¿por qué utilizar atributos que son indicados en xhtml como no permitidos?

El seguir utilizando elementos de representación en html es un error muy común, principalmente en programadores de la época de la primera guerra de los navegadores, o de quienes usan herramientas de ayuda visual, como frontpage o un dreamweaver medio viejo.

Hay mas de este artículo en el siguiente post
Download Opera, the fastest and most secure browser