Contenido

San Valentin llega a los RSS

31 ene

+ 10

Lo más enamorados podrán demostrar que aman los RSS con todo su corazón, adaptando los iconos de los feeds con estos tan románticos … (por Dios, que cursi xD)

RSS Hearts

Acabo de tener un momento No Puedo Creer xDD (Saludos Chicos/as). 

[Descargar]

PrettyDate(), mejora tus fechas con jQuery

31 ene

+ 0

PrettyDate() es un plugin para jQuery que nos permite trabajar con fechas de una forma mucho más cómoda que con las herramientas que Javascript nos proporciona. [Demo][Descargar]

Consejos para mejorar nuestro crossbrowsing

29 ene

+ 16

Los desarrolladores web no desarrollamos para una única plataforma, tampoco desarrollamos para un único dispositivo y mucho menos para un único perfil de usuario. Por ese motivo, el desarrollador web debe lidiar cada día con esta infinidad de problemas, no es un trabajo fácil, pero alguien tiene que hacerlo :D

Cuando estudiaba, términos como crossbrowsing, podían sonar a orgía de navegadores, pero cuando más vas adentrandote en este mundillo, vas pillando el verdaderos significado de la palabra. CrossBrowsing, es la tarea que los desarrolladores web realizan para que sus aplicaciones se vean perfectamente en todos los navegadores web, una árdua tarea que no siempre es tan fácil como debería serlo. Por ese motivo, cualquier ayuda en este punto puede salvarnos del mayor número de horas perdidas delante de un proyecto, quizas unos consejos nos pueden ir bien.

Via Oacteck.com hacen una recopilación de las más básicas y me tomo la libertad, de traducir e interpretar, a mi manera, los puntos que allí se desglosan.

  1. Descarga la última versión de Firefox, Safari, … y actualiza Internet Explorer
  2. Descarga Microsoft Virtual PC (o similar)
  3. Descarga herramientas para tu navegador
  4. Desarrolla sobre Firefox/Safari primero…
  5. Despues desarrolla para Internet Explorer 6.0 y 7.0
  6. Usa condicionales para Internet Explorer
  7. Usa hacks solo en como último recurso

1. Descarga la última versión de Firefox, Safari, … y actualiza Internet Explorer

Creo que es bastante obvio y necesario que un desarrollador web esté a la último en las herramientas que necesita. Está claro que cada nueva versión nos aporta una serie de mejoras que seguro nos puede ayudar en nuestra tarea diaria. Pero ojo, esto tiene tambien su problema, lo veremos en el siguiente punto. 

2. Descarga Microsoft Virtual PC (o similar)

Gracias a herramientas como Microsoft Virtual PC, VMWare o Parallels, nos ayuda a disponer de un sistema operativo diferente dentro de nuestro entorno de trabajo, esto es idea y recomiendo almenos uno, que sea bastante descuidado, sin actualizar, simulando a los usuarios más desastres de pc. De esta forma podremos comprobar con varios navegadores dentro de un entorno más o menos genérico, ya que el 90% (por no decir un porcentaje mayor) de los usuarios de Internet desconocen el mantenimiento que para nosotros es algo tan trivial como el respirar.

Toda prevención es poca, pero con estas herramientas podemos casi asegurarnos el éxito.

3. Descarga herramientas para tu navegador

Siempre que veo un post con el título “Las XXX extensiones de Firefox que necesita un desarrollador” le echo un vistazo, no por que necesite algo más para mi trabajo diario, sinó por que alguien te puede mostrar una extensión que te permita hacer algo que hasta ahora tenías que hacer tu mismo, ahorrandote trabajo y tiempo. Por eso es necesario conocer las herramientas que utilizan otros, y sobretodo mantenerlas actualizadas.

Lo asemejo al carnicero que ha de afilar el cuchillo para trabajar mejor, necesitamos afilar nuestro navegador para pulir los detalles, así marcamos las diferencia.

4. Desarrolla sobre Firefox/Safari primero…

Aunque no esté muy de acuerdo en que se haya de desarrollar sobre uno u otro inicialmente, por desgracia lo hago, quizas por que el Javascript desde la consola de Firebug es muy cómodo, pero deberíamos desarrollar teniendo en cuenta los demás navegadores para así solo hacer una pasada y no tener que volver a tocar ese código una vez desarrollado. Tambien es verdad que desarrollar sobre Firefox / Safari, te asegura una estandarización más o menos correcta y te puedes permitir hacer uso de este sistema ya que luego tendrás que depurar poca cosa sobre IE.

5. Despues desarrolla para Internet Explorer 6.0 y 7.0

Una vez que ya tienes proyecto términado, asegurate de probarlo 100% sobre las dos versiones de Internet Explorer, lamentablemente es el principal navegador de Internet y causar problemas a tal masa de usuarios puede ser la muerte de un proyecto.

6. Usa condicionales para Internet Explorer

En un proyecto web tenemos 3 capas,( contenido, funcionalidad y diseño), el diseño como es de esperar tambien se ve diferenciado en los diferentes navegadores. Por ese motivo tenemos que usar sistemas que nos permitan hacer compatible nuestro diseño en el máximo número de navegadores web. Quizas la forma más correcta sea la de usar sistemas condicionales en nuestro HTML para cargar un CSS u otro dependiendo del navegador que use nuestro usuario.

7. Usa hacks solo en como último recurso

Apesar de todas nuestras buenas intenciones, nos podemos ver obligados a usas elementos no estandares para que nuestra aplicación se vea correctamente. Personalmente no recurriría a este punto a no ser que fuera estrictamente necesario. De todas formas debemos conocer todas las posibilidades, por que al final lo que importa es que el producto salga, sinó que se lo digan al cliente…

Prototype 1.6.0.2 cheatsheet

29 ene

+ 4

La nueva versión de Prototype (la 1.6.0.2) ya tiene CheatSheet. Y es que nunca viene mal tener una hoja de estas cerca para tener todo lo que necesitamos a mano y perder menos tiempo en nuestros desarrollos.

Historial de navegadores web

28 ene

+ 3

Interesante recopilación estructurada de la evolución de los navegadores web. En ella podemos ver los 5 años lapso entre Internet Explorer 6.0 y la 7.0, las constantes actualizaciones de Opera y las preocupantes y próximas actualizaciones de Netscape. Siempre es bueno un poco de cultura :D

Previene problemas con la consola de Firebug

28 ene

+ 1

Estoy cogiendo la manía de usar la consola de Firebug para debuguear mis scripts en Javascript. Esto me hace sustituir el famoso alert("Estoy aqui"); por un console.log("Estoy aqui"); lo que se agradece ya que puedes hacer un seguimiento sin pausar la ejecución, algo que todo buen desarrollador debería eliminar antes de “subir a producción”. El problema es que generalmente siempre nos olvidamos, es normal, somos humanos.

if (! ("console" in window) || !("firebug" in console)) {
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group"
                 , "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
    window.console = {};
    for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
}

Evidentemente esto es para casos muy concretos, a mi me irá perfecto para cuando debugueas con varios navegadores, incluyendo Firefox. Nunca está de más conocer trucos como estos.

 

Blogocosa: quién es quién en la blogosfera hispana

28 ene

+ 7

Como era de esperar, los chicos de Bitacoras.com nos vuelven a sorprender. Esta vez lo hacen con la BlogoCosa, un mural en el que podemos ver los usuarios más populares de Bitacoras, dependiendo del número de seguidores que tiene cada usuario.

blogocosa.JPG

Y es que hace unas 2 semanas que me empezaron a llegar mails del tipo “Bitacoras.com – XXXX es ahora tu seguidor”, y evidentemente me hacía girarme a ver si es verdad que estaba siendo acosado, menos mal que simplemente era un sistema ideado por los “Bitacorosos” para medir el grado de popularidad de cada usuario de Bitacoras.

seguir.JPGsiguen.JPG

En el perfil de los usuarios aparece un botón que permite marcarlo como interesante y ligarlo a ti en forma de seguidor. En el panel inferior derecho, vemos los usuarios a los que seguimos y los que nos siguen a nosotros. Una forma interesante de hacer más comunidad retrolimentandose de las tendencias y gustos de los usuarios, para ofrecer más y mejores productos.

Enhorabuena chicos, os deseo muchos y mejores proyectos para ofrecernos.

Shadowbox, ¿el lightbox definitivo?

26 ene

+ 29

Shadowbox, es una versión de Lightbox creada para poder ser usada para cualquier finalidad posible. Con Shadowbox, podremos abrir desde una imagen, hasta una página web, pasando por un set de imagenes o videos de diferentes formatos, todo ello siendo cross-browser, osea funcionando en la mayoría de navegadores web.  ¿Podría ser el lightbox definitivo?

shadowbox.jpg

Además de ser un lightbox multiuso, dispone de una serie de adaptadores, unos scripts que se encargan de hacer que ShadowBox sea compatible con la mayoría de frameworks javascript del momento. De esta forma no necesitamos una versión de lightbox concreta para nuestra aplicación.

  • Yahoo! User Interface Library
  • Ext
  • Prototype + Script.aculo.us
  • jQuery
  • MooTools (requiere Fx.Styles)

Esto hace que la forma de emplearlo, requiera que carguemos los ficheros JS, de una forma determinada. Dependiendo del framework deberemos cargar los ficheros necesarios:

<head>
	<script type="text/javascript" src="shadowbox-yui.js"></script> // Adaptador para YUI!
	<script type="text/javascript" src="shadowbox-prototype.js"></script> //Adaptador para Prototype + Script.aculo.us
	<script type="text/javascript" src="src/js/adapter/shadowbox-ext.js"></script> //Adaptador para Ext.
</head>

[Demo] [API] [Descargar]  

WordPress MU 1.3.2, actualización de seguridad

26 ene

+ 2

WordPress MU se ha actualizado, la nueva versión, la 1.3.2, corrige una serie de problemas seguridad que, como no, Alex Concha ha ayudado a detectar, (Aupa los desarrolladores hispanos!!). Así que si eres un usuario de WordPress MU te recomiendo que te actualizes urgentemente.[Descargar]

Componentes de una página de éxito

24 ene

+ 17

Componentes de una página de éxito

Para que quede claro que no es tán fácil como muchos creen. Crear una página de éxito no es algo que cualquiera pueda hacer.