Siento la inactividad del blog pero llevo un mes con mucho trabajo y hay que dejar algunas cosas de lado para cumplir con las obligaciones.
Hoy leyendo mis feeds me he encontrado con un generador de código javascript para ofuscar direcciones de correo, algo ideal si queremos incluir nuestro email en una página web sin que acabe siendo utilizada como SPAM. Si os interesa visitar no-spam Email Address Obfuscator.
Visto en anieto2k.
Leyendo Ajaxian encuentro esta interesante presentación realizada por Remy Sharp en la cual se analizan jQuery y Prototype.
jQuery se caracteriza, además de su reducido tamaño, por poder ampliar su funcionalidad y capacidad mediante plugins. Hasta ahora estos estaban organizados en una página algo caótica, ya que se trataba de una simple entrada en un wiki. Pero desde hoy esto ya no es así, ya que la gente de jQuery acaba de publicar su repositorio oficial de plugins, el cual esta completamente reestructurado.
Para empezar destaca la organización por categorías, la cual nos ayudara a encontrar con más facilidad el plugin que estamos buscando. Cada plugin a su vez tendrá su pagina dedicada desde la cual podremos votarlo, ver el changelog, la documentación, una demo o los bugs pendientes.
Sin duda un cambio importante que motivará el uso y desarrollo de más plugins en la que ya es la librería javascript a utilizar.
Hasta ahora creo que Prototype había perdido usuarios con la aparición de jQuery, una librería similar que destaca por pesar tan solo 19kb y que además aporta una documentación amplia y cuidada. La popularidad de jQuery va en aumento, basta con ver códigos como los de meneame, fresqui o el propio CMS drupal.
A raíz de todo esto, Prototype dio hace poco un paso importante renovando su página Web e incluyendo una excelente documentación sobre su API, algo que los desarrolladores estabamos pidiendo a gritos.
Y ahora, además, se ha mejorado otro punto negativo, el del tamaño. Ya que John-David Dalton ha estado comprimiendo Prototype hasta reducirlo al tamaño de tan solo 14,4kb. Para descargarlo simplemente tenéis que visitar la siguiente dirección
Vía: Ajaxian
DOM (Document Object Model) es un conjunto de objetos que permiten modificar dinámicamente el contenido de documentos estructurados mediante lenguajes como Javascript.
Si usas DOM habitualmente para modificar los contenidos de una página Web, la herramienta DOM Tool te ahorrará mucho tiempo ya que convierte código HTML a DOM, vamos ideal para no tener que estar escribiendo muchas lineas. Aquí os dejo un ejemplo:
Código HTML
<h2>Esto es un h2</h2>
<p>Esto es un parrafo <a href="http://test.com">con un enlace</a></p>
Código DOM generado
var h21=document.createElement('h2');
var txt1=document.createTextNode('Esto es un h2');
h21.appendChild(txt1);
var p1=document.createElement('p');
var txt3=document.createTextNode('Esto es un parrafo ');
p1.appendChild(txt3);
var a1=document.createElement('a');
a1.setAttribute('href','http://test.com');
p1.appendChild(a1);
var txt4=document.createTextNode('con un enlace');
a1.appendChild(txt4);
Más información: DOM Tool
Como muchos sabemos, Prototype es una librería en Javascript creada por Sam Stephenson que facilita el desarrollo de aplicaciones Web.
Hasta ahora desde la web oficial de la librería solo se podía descargar el fichero javascript y desgraciadamente no existía ningún tipo de documentación, con lo que a la hora de desarrollar a uno solo le quedaba estudiar el fichero js y navegar por Internet. Yo personalmente tengo la etiqueta “prototype” en mi delicious, donde empece a guardar todas las entradas interesantes que leía, como:
- Documentación por Sergio Pereira
- Prototype Quick Reference
- Quick Guide to Prototype
- Painless JavaScript Using Prototype
- JavaScript sin dolor usando Prototype
- JavaScript sin dolor usando Prototype (2da parte)
Con el lanzamiento de la versión 1.5 de Prototype, han aprovechado para cambiar el diseño de la web y sobretodo añadir la documentación oficial que tanto añorábamos. Además de tener información de la API, destacar el apartado de consejos y tutoriales, al igual que el blog desde el cual se informa sobre cualquier asunto relacionado con la librería.
Indudablemente es el paso que tenía que dar Prototype, ya que muchos desarrolladores no utilizaban la librería debido a la escasa documentación que existía sobre esta.
Hasta hace poco pensaba que Zend Studio era el mejor entorno de desarrollo para programar en PHP, sobretodo porque estaba desarrollado por Zend. Todo esto hasta que conocí EasyEclipse, un proyecto basado en Eclipse, que ofrece diferentes distribuciones para varios lenguajes de programación. Tienen, por ejemplo, una distribución para PHP, otra para Ruby, Python, e incluso una llamada LAMP que incluye todos estos lenguajes juntos.
Bueno al grano que siempre me enrollo demasiado. Hoy mi compañero de trabajo Miguel Ángel me ha dejado el siguiente enlace en mi del.icio.us:
Get Eclipse! Simple, fast, on demand [beta]
Al comprobarlo me he quedado boquiabierto. Se trata de un servicio Web en el cual podemos montar nuestra propia distribución Eclipse en cuestión de segundos. Simplemente tenemos que ir seleccionando los plugins que queremos incorporar en nuestra distribución, para finalmente descargarla y disfrutar de un entorno de desarrollo a nuestro gusto.
Más de uno estará pensando que todo esto ya se puede hacer en Eclipse instalando los plugins independientemente, y es cierto, solo que Eclipse no administra como es debido las dependencias de los paquetes y , por ejemplo, para instalar un plugin uno tiene que tener varios paquetes que a su vez necesitan la instalación de otros, y claro, con tanto paquete el proceso se vuelve muy pesado y largo. Esta Web resuelve el problema, ya que simplifica la instalación incluyendo directamente en la distribución los paquetes que necesita cada plugin seleccionado por el usuario, vamos como APT en GNU/Linux.
Para que os hagáis una idea de una distribución, esta es la que acabo de hacer:
- PHPEclipse - editor para PHP
- Aptana - editor Javascript, CSS, XHTML. Para Javier Perez el IDE perfecto, merece la pena leer la entrada.
- Eclipse SQL - cliente SQL
- Subversive - cliente para subversion
- QuickRex - para jugar con expresiones regulares
- Xpath-Developer - editor xpath
En cuestión de segundos he creado un entorno de desarrollo de lo mas completo, que incluye todo lo que necesito para poder programar cómodamente. Seguro que se podrían añadir más funcionalidades, pero esto ya es cuestión de ir probando más plugins.
Si sigues precargando las imágenes con javascript en el siguiente enlace encontrarás la manera de hacerlo mediante hoja de estilos.