Javascript

SproutCore framework JavaScript para el desarrollo web

[c&p] Concretamente, SproutCore es un framwework de Javascript inspirado en Cocoa, de código abierto y multiplataforma, disponible para crear aplicaciones web que tengan un aspecto idéntico al de una aplicación nativa del ordenador. Según parece, SproutCore se combina a la perfección con el sistema de almacenamiento de datos de HTML5, dando como resultado un alto rendimiento y una buena experiencia de usuario.

etiquetas: javascript, sproutcore, framework, web, desarrollo

votes

Jawr 2.3: integrado con DWR y Commons Validator

Se ha publicado la versión 2.3 de Jawr, la librería que permite combinar y comprimir javascript y CSS de modo configurable.

Jawr está incorporando componentes de integración con otras librerías java que generan javascript, para poder aprovechar al máximo sus capacidades de compresión y combinación. Las últimas adiciones en este sentido han sido DWR y Apache Commons  Validator.

DWR(direct Web remoting) es una librería que permite invocar código java directamente desde javascript. Para ello genera dinámicamente módulos .js que son stubs remotos de clases java. Ahora, con Jawr se puede combinar y comprimir estos stubs, además de una serie de scripts estáticos que se requieren para usar DWR.

JQueryUI 1.5: Nueva API, efectos y temas

Paul Baukis ha anunciado la publicación de JQueryUI versión 1.5 que se enfoca en la simplicidad de desarrollo. Con ese objetivo en mente, han reducido su API eliminando 95% de los métodos públicos y utilizando en vez de un gran número de métodos, la sobrecarga de los mismos.

Para los que no lo conozcan, JQueryUI es una librería que utiliza JQuery para brindar un conjunto de widgets (o componenhtes) javascript listos para usarse en tus sitios web y es una buena alternativa a ExtJS aunque por ahora no tiene tantos componentes como ExtJS. La librería es opensource bajo las licencias MIT y GPL v2

Colección de Calendarios hechos en Mootools (Javascript)

Colección de calendarios hechos con el framework de javascript Mootools, además en la web podeis encontrar muchos más scritps. Realmente útil para la web2.0 ;)

etiquetas: mootools, calendarios, javascript

votes

Efectos javascript sin frameworks

Recopilación de efectos en Javascript para los que no es necesario la utilización de frameworks como MooTools o jQuery.

etiquetas: programación, javascript

votes

Context Hover, destaca todos los enlaces con el mismo destino a la vez

Hay algunas sutiles diferencias en los sitios web que los hacen más o menos usables. Una de ellas es, sin lugar a dudas, el resaltado de los enlaces cuando hacemos foco sobre ellos. Con esta pequeña pista visual ofrecemos a nuestros usuarios una forma simple de diferenciar un hipervínculo de cualquier otro tipo de texto formateado.

Por lo que se vé, Opera Mini hace un esfuerzo extra y resalta no uno si no todos los enlaces que apuntan al mismo lugar cuando hacemos foco sobre uno de ellos. Una pequeña pista que puede añadir un poco más de usabilidad a nuestros sitios. Todo esto lo digo gracias al artículo de Kilian Valkhov, que al comprobar lo práctico de esa interesante característica de Opera Mini, decidió emularla con jQuery y CSS.

La técnica consiste en crear un class .hover que emule completamente el aspecto de nuestra pseudo-clase :hover

Fuente: Webmaster Libre

Un calendario mejor: Timeframe, javascript

El mejor calendario que he encontrado para un página web. Hecho en javascript, con click y arrastrar, selecciona rangos de días. Un calendario mejor.

etiquetas: javascript, programacion

votes

fgCharting, gráficos en canvas con jQuery

Mostrar gráficos accesibles es una tarea ardua, o cuanto menos pesada, por eso me ha encantado este plugin para jQuery.

Mediante fgCharting podremos convertir una tabla de datos convenientemente maquetada en un bonito gráfico.

Como ya sabéis, Internet Explorer y canvas no hacen buenas migas por lo que tendréis que utilizar algo como ExplorerCanvas para poderlo emplear en sitios en producción.

Fuente: Webmaster Libre

MarkItUp, convierte tus textareas en completos editores con jQuery

La mayoría de nosotros permitimos html en nuestros comentarios, no demasiadas etiquetas pero si las necesarias para dar estilo a un mensaje correctamente. Para los usuarios acostumbrados a trabajar con HTML es lo más normal del mundo pero, para el resto del mundo, no significa nada y se tienen que conformar con enviar los post así, tal cual.

Como muchos incorporamos en nuestros sitios la librería jQuery he pensado que os vendría bien MarkItUp, un script con el que convertir cualquier textarea en un completo editor.
MarkItUp es muy ligero y personalizable, no es otro de esos editores llenos de características inútiles.

Fuente: Webmaster Libre

Transiciones de color con Javascript

Si queréis añadir un toque extra de estilo a vuestros sitios y mostrar una transición de color cuando el usuario pinche o pase sobre algún elemento de la página ahora podréis fácilmente con este script: Javascript color fading script

Se trata de un script muy ligero con el que podréis añadir transiciones de color que afecten al fondo, borde o color de texto de los elementos de vuestro sitio.

Podéis ver una demo en el sitio del autor

ShareThis

Fuente: Webmaster Libre

JVM portada a javascript

John Resig escribe en su blog acerca de un proyecto que conoció en Japón, se trata de "Orto" una implementación de la Java Virtual Machine en Javascript. desarrollada por el grupo de usuarios de Shibuya.JS (que por cierto dicen ser el único grupo de usuarios de Javascript en el mundo).

La idea es que puedas tomar cualquier bytecode Java y Orto es capaz de generar el javascript para ejecutarlo en cualquier navegador. Obviamente, no toda la JVM está implementada, pero incluye soporte a threads (simulados obviamente), conversión de elementos gráficos java a elementos HTML similares y soporte a eventos generados por el teclado.

Sin duda una idea interesante para explorar, en cierto sentido es similar a GWT que traduce Java a javascript pero en este caso, los desarrolladores buscan tener todos los recursos de una JVM en javascript. 

Timeframe, un selector de fechas drag & drop con Prototype

No sé vosotros pero yo odio a muerte los selectores de fecha de algunos sitios, especialmente los de las reservas de hoteles o aviones. Un desplegable para la ida, otro para la vuelta…

Como parece que no soy yo sola la que los odia, nace Timeframe, en palabras de su creador, Stephen Celis porque:

I’m just sick of multiple date pickers on the same page

El script, que trabaja sobre Prototype, nos permite seleccionar rangos de fechas de múltiples meses con un simple movimiento de arrastrar y soltar.

Como no podía ser menos, en ie6 se ve que da asco, en los navegadores decentes va de lujo, pero parece que pronto habrá mejoras en los estilos y la experiencia será agradable para todos.

Fuente: Webmaster Libre

Jawr 2.0, ahora con soporte para Facelets y Grails

La nueva versión de Jawr permite ahora a los usuarios de Facelets y Grails aprovechar las ventajas de esta herramienta. 

Jawr es una librería Open Source que tiene dos utilidades para el desarrollo de aplicaciones web Java en las que se usa mucho javascript: 

60 Ajax - JavaScripts para hacer una web profesional

Más de 60 herramientas de Ajax y JavaScript para incluir en la hora de desarrollar una web, que nos pueden ahorran meses de programación y ayuda que la web sea más profesional, interactiva y fácil de usar.

etiquetas: ajax, javascript, programar, web, site, programacion, web 20, web20

votes

Soporte para Javascript en Netbeans 6.1

Tor Norbye escribe en su blog sobre una de las nuevas características de Netbeans 6.1 que más me ha gustado: el nuevo editor de javascript. Curiosamente, se decidieron a hacerlo a raíz de las peticiones de los usuarios de Ruby, supongo que los usuario de Java ya no somos tan importantes ;-).

En fin, este editor tiene highlighting del código javascript, coloreado de las variables según el scope que tengan, quickfixes (detección de posibles errores y consejos para evitarlos), autocompletado que cubre funciones javascript, elementos html y elementos de tus CSS e incluso soporte para Prototype y su sintaxis de "$()" y de jQuery.