SliderWall – Crea galerías de imágenes en HTML5, CSS3 y JavaScript

Si tienes pensado incluir una galería e capturas de pantalla, fotografías, dibujos o cualquier imagen que los lectores de nuestra web quieran ver de forma elegante y profesional, SliderWall es una buena opción.

Usando HTML5, CSS3 y JavaScript puede usarse también para mostrar artículos a partir de un feed, personalizando la estética para que se adapte a cualquier sitio web.

Compatible con todos los navegadores modernos, puede usarse también para crear historias para dispositivos móviles, ya que todos ellos pueden leer el contenido creado con este jQuery slider.

La versión gratuita puede personalizarse, pero incluye una marca de agua que desaparece al adquirir cualquiera de las versiones de pago.

Read More

Versión final de jQuerymobile sale a la luz

Después de más de un año de desarrollo y las diferentes versiones Beta y RC, el equipo de jQuerymobile ha anunciado con dos días de adelanto la publicación de la versión 1.0 final.

Estoy hablando de la librería de JavaScript orientada a dispositivos móviles más conocida del mercado y con una expectativa de crecimiento a nivel mundial. Diseñada para su uso en combinación con las capacidades de HTML5, se inicia su construcción en 2010 con el objetivo de crear una librería para construir interfaces de usuario en HTML5 que funcionara en todos los dispositivos móviles más populares. Smartphone, tabletas, etc.

Me ha llamado la atención que el premier sponsor, o el que más se ha implicado en el proyecto sea Adobe. Que asignó al proyecto a tres desarrolladores a tiempo completo: Kin Blas, John Bender y Tyler Benziger. Curioso porque esta librería será una de las competidoras de Flex.

Está la gente de Filament Group que ha proporcionado a un gran equipo: Todd Parker, Scott Jehl, Mat Marquis, Maggie Wachs y Patty Toland

Y Jive Social Business con Ghislain Seguin y Microsoft con Sergey Grebnov que echaron una mano al desarrollo a tiempo parcial.

En temas de dinero y dispositivos, la gente de jQuery le dá las gracias a: Research In Motion, HP/Palm, Nokia, Microsoft, Rhomobile. Y a otras compañías y personas individuales que han donado dispositivos.

Read More

Closure Stylesheets - Presentado por Google para quien trabaja con CSS

En el blog de google  han presentado hoy una herramienta que ayudará a todos los que trabajan programando hojas de estilo.

Se trata de Closure Stylesheets, disponible en java, siendo una extensión a css que añade variables, funciones, condicionales y otras nuevas posibilidades al css tradicional.

De la misma forma que las actuales Closure Tools para JavaScript y HTML, Closure Stylesheets permite potenciar nuestra creatividad eliminando las barreras de las técnicas tradicionales, ofreciendo un código optimizado a los usuarios.

Puedes leer más sobre el tema en el blog Open Source at Google o haciendo clic aquí.

Read More

Foundation – Framework para crear sitios web flexibles

En la actualidad, a la hora de desarrollar sitios web, hay que tener en cuenta tanto los tamaños de pantallas como los dispositivos donde van a ser visualizados. Es por ello que Zurb ha lanzado la versión 2.0 de Foundation, un framework de desarrollo que permitirá a los desarrollares web la creación de sitios web preparados visualizarse en cualquier tamaño de pantalla de cualquier dispotivo.

Este framework de CSS y Javascript cuenta con cuadrículas en la que ajustar los diseños web, botones, formularios, plantillas, etc, para que puedan empezar con desarrollos compatibles con los tamaños de pantallas de cualquier dispositivo, utilizando las últimas tecnologías web existentes.

Para que se puedan hacer una idea, ZURB tiene puesto a Soapbox como demostración, donde se puede acceder y variar el tamaño del navegador, adaptándose la página a los nuevos tamaños.

Read More

ScriptCover - Google presenta extensión para el análisis de la cobertura de Javascript

Algunos navegadores web, al margen de representar los contenidos de los sitios web que visitamos, también incorporan una serie de funciones orientadas a diseñadores y desarrolladores web, que a su vez, son complementadas con extensiones y plugins de todo tipo. Una de estas extensiones nos la presentan desde Open Source at Google, y se trata de ScriptCover, que permite el análisis de la cobertura Javascript en sitios web.

ScriptCover proporciona estadísticas de cobertura de código Javascript de las páginas web en tiempo real, línea por línea, empezando a mostrar los primeros resultados una vez la página web haya sido cargada, y actualizándose en tiempo real conforme el usuario interactúe sobre ella. De esta manera se podrá saber que códigos Javascript son ejecutados para un análisis detallado.

La idea está en poner a prueba los códigos Javascript para poder ser corregidos mientras se prueba en sitios web, lo que facilitará a los desarrolladores saber qué líneas de código no se ejecutan correctamente. Para ello, tendrán acceso tanto al resumen del informecomo al análisis detallado en el propio código, mostrando el número de veces que es ejecutado cada línea de código.

De momento nos invitan a formar parte del proyecto si queremos mejorarlo, además de la posibilidad de bajarnos su código.

Read More

Hydra.js - Arquitectura modular para tus aplicaciones javascript

Cada vez nos enfrentamos a aplicaciones web que combinan html + css y js autónomo que se convierten en más inmanejables. La solución es aplicar una arquitectura modular en la que cada componente actúe de manera individual al resto del código. Una alternativa bastante interesante es Hydra.js, un gestor que nos permite definir un sistema modular para nuestras aplicaciones fácilmente escalable.

El autor de Hydra.js es Tomas Corral, también creador de Hermes.js un sistema extensible para manejar mensajes y errores desde javascript.

Las ventajas de Hydra.js son:

• Ningún módulo conoce la existencia de otros módulos (si uno de ellos falla no implica el fallo del resto). Interesante en arquitecturas en constante evolución que necesitan un crecimiento rápido sin tener que prestar atención a lo existente.
• Es posible notificar una acción al resto de módulos que estén escuchando.
• Un módulo puede ser extendido sin perder su comportamiento original.
• Ligero con tan sólo 1,5k de tamaño.
• Los módulos pueden usarse en distintos hilos en un contexto ajax.
• Se pueden testear los módulos usando Unit Testing Framework

Puedes consultar la documentación oficial y diversos ejemplos en su página de Github.

Read More

ie7.js - Evita preocuparte por Internet Explorer 6

Para todo programador o diseñador web uno de los mayores quebraderos de cabeza suele ser el conseguir que su página se vea igual independientemente del navegador usado, o en el peor de los casos, aceptablemente bien en todos los navegadores.

Pero, con Internet Explorer 6 siendo usado aún por un 9% de la población mundial y especialmente en ciertos ambientes empresariales donde se depende de herramientas antiguas, en muchas ocasiones no queda más remedio que realizar dos versiones de la página: la normal, orientada a navegadores modernos donde todo funciona y es bonito, y la versión light, totalmente rediseñada para que IE6 sepa interpretarla.

Precisamente para evitarnos ese doble trabajo se creó el proyecto ie7.js, una biblioteca JavaScript que haga comportarse a IE6 como si de Internet Explorer 7 se tratase, en la medida de lo posible. Entre las ventajas conseguidas con su uso se encuentran:

• Poder usar position:fixed en el CSS
• Reconocer los 256 grados de transparencia de las imágenes PNG
• Poder hacer uso de las propiedades CSS max-height, min-height, max-width y min-width
• Otros selectores CSS que no se encontraban presentes en IE6

Y su uso es tan sencillo como transparente para el resto de navegadores. No hay más que incluir el siguiente comentario HTML que sólo IE6 y versiones anteriores reconocerán:

<!—[if lt IE 7]><script src=“http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js”></script><![endif]—>

Del mismo modo, sus proyectos hermanos ie8.js e ie9.js nos aportan ese plus de modernidad del que las versiones 7 y 8 del navegador de Microsoft seguían careciendo.

Read More