Archive for March, 2008

Provincia de Buenos Aires por el buen camino

Mar 29th

Posted by Walter Poch in Management

No comments

Acabo de leer un post en Mi Carrera Laboral En Informàtica & Tecnologìa, en el cual explican y dan a conocer sobre los nuevos beneficios que las empresas de IT tendràn al instalarse en la provincia de Buenos Aires. Buscando de esta forma el gobierno incentivar la industria.

Me parece una medida muy acertada, y muy buenos los beneficios que otorgan.

Saludos, y a mudarnos a Buenos Aires! ;)

10:1 – Un buen desarrollador equivale a diez programadores con baja productividad

Mar 29th

Posted by Walter Poch in Management

1 comment

Esxcelente post sobre la productividad de los desarrolladores.

Pueden encontrar la versiòn original en inglès en Haccked.

O la traducciòn hecha por la gente de Mi Carrera Laboral en Informàtica & Tecnologìa 

Saludos, y espero que se hagan valer en sus organizaciones.

Javascript addEvent() simplificado y crossbrowser

Mar 29th

Posted by Walter Poch in javascript

3 comments

Hola a todos, esta noche querìa comentarles dos scripts javascript para “limpiar” nuestro (X)HTML de javascript. Mediante la utilizaciòn de javascript no intrusivo.
Una pràctica comùn para agregarle comportamiento a los diferentes elementos de nuestras pàginas es mediante los atributos onClick, onMouseOver, etc. Esto lo que logra es que nuestra presentaciòn (elementos HTML, que definen el contenido) se “mezclen” con el comportamiento(scritps javascript). Un ejemplo de esta práctica podrìa ser:

<html>    <head><title>Test</title>

<link type="javascript" rel="text/javascript" href="funciones.js">

</head>

<body>

<img id="agrandar" src="lupa_agrandar.png" onClick="agrandarTexto()"/>

<img id="achicar" src="lupa_achicar.png" onClick="achicarTexto()"/>

<p class="Texto">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

</p>

</body>

</html>

Esto lo que genera es mezclar mucho javascript con HTML. En este ejemplo no se llega a notar ya que es muy simple, pero toma fundamental importancia en aplicaciones web ricas (Rich Internet Applications – RIA) y que utilizan AJAX.

Una soluciòn es agregar handlers a cada tipo de evento a los elementos a travès de su id. Nuestro ejemplo quedìa asì:

<html>    <head><title>Test</title>

<link type="javascript" rel="text/javascript" href="funciones.js">

</head>

<body>

<img id="agrandar" src="lupa_agrandar.png"/>

<img id="achicar" src="lupa_achicar.png"/>

<p class="Texto">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

</p>

</body>

</html>

Y el archivo js quedarìa parecido a:

function agrandar() {...}function achicar() {...}var agrandar = document.getElementById("agrandar");addEvent(agrandar, "click", agrandar);

var achicar = document.getElementById("achicar");

addEvent(agrandar, "click", achicar);

Bueno la màgia aquì està en la funciòn addEvent(), que es el propòsito del post :) .

Hay MUCHISIMAS implementaciones de esta funciòn. Actualmente no estoy usando ninguna, pero por los proyectos si las utilizan saque como conclusiòn que estas son dos de las mejorcitas:

Y por ùltimo querìa nombrar un concurso sobre esta funciòn: PPK’s addEvent() Recoding Contest aquì podràn encontrar MUCHAS soluciones alternativas.

Saludos y happy coding!!! (con javascript no intrusivo :)

Definir estilos CSS especìficos para cada browser y OS

Mar 29th

Posted by Walter Poch in CSS

1 comment

Leyendo un par de fuentes y navegando un poco me encontrè con esta herramienta/script CSS Browser Selector.

Consiste en un un script javascript MUY pequeño (893 bytes), y la utilizaciòn de estilos como selectores de browser y OS como muestra la misma pàgina en sus ejemplos.

html.gecko div#header { margin: 1em; }
.opera #header { margin: 1.2em; }
.ie .mylink { font-weight: bold; }
.mac.ie .mylink { font-weight: bold; }
.[os].[browser] .mylink { font-weight: bold; }/* -> without space between .[os] and .[browser]*/

Creo que puede ser de gran ayuda para cualquier web developer a la hora de realizar los benditos hacks.

Happy Coding!

Instalar IE6 en Windows Vista: Y llegó el infierno.

Mar 4th

Posted by Walter Poch in Virtual Machines

1 comment

Muy buen post sobre como ejecutar IE6 en Windows Vista sin morir en el intento.  Ya que este no es para nada compatible con el kernel del nuevo sistema operativo.

La vida de un web developer no es fácil… :(