javascript

Colgaba en Facebook un enlace que me había pasado qmarcos y en el que se nos ofrecía a todos la posibilidad de aprender jQuery en 30 días.

Cada día, una nueva lección en formato vídeo. Tras 30 días prometen el milagro ;) Supongo que la idea es muy similar a lo que ofrecen en Codeacademy [en] y la idea es muy golosa para aquellos que nos gusta meter la pezuña un poco en el código.

Aunque el día 1 de Enero ya quedó atrás, aún no es tarde para iniciar un nuevo propósito para el 2012, ¿no?

Learning jQuery in 30 days [en]

Preguntaba hace no mucho en Twitter por alguna librería javascript para “tunear” elementos de formulario como los dropdowns. Hasta el momento ya conocía alguna como Uniform [en] pero no ofrecía el grado de personalización necesaria.

El bueno de Marcio Barrios sugirió una solución que a priori tiene muy buena pinta: DropKick. Este plugin jQuery permite modificar la apariencia al completo, con lo que el grado de “tuneo” es mayor que Uniform. Y como quizá alguno llegue a necesitar algo parecido, aquí va el linkito:

DropKick [en]

Como llevo unos días pululando por Slide Share me picó la curiosidad por ver cómo estaba el “mercado” de servicios destinados a mejorar la presentación y creación de… presentaciones (valga la redundancia).

Speaker Deck [en] era un servicio ya conocido por un servidor y se nota que los que la usan por lo general se toman su trabajo en serio. Basta ver que visualmente las presentaciones son bastante atractivas. Si pasáis el ratón por encima de las miniaturas veréis que podéis acceder rápidamente a una diapositiva en concreto.

Pero ha sido Nano Trías quien me ha descubierto nuevos ejemplos que añadir a la lista, con el extra de que las presentaciones se basan puramente en código HTML y efectos javascript en el navegador. Es el caso de Scrolldeck [en] o impress.js [en] por citar las que más me han gustado. Aunque también está Scrollorama que se podría aplicar perfectamente.

Evidentemente su uso al principio no sería tan sencillo como abrir el Keynote o el Powerpoint pero le añade un extra de “awesomidad” a la presentación, ¿verdad? Ale, a trastear con ello!

El otro día estaba en el estudio buscando cosillas y llegué de casualidad hasta jQuery Masonry:

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Como una imagen vale más que mil palabras echadle un ojo a un ejemplo [en] y probad a redimensionar la ventana. Todo un recurso de gran utilidad que va para la saca. Y ojo con su creador, David DeSandro [en] porque tiene otros proyectos que también vale la pena explorar.

jQuery Mansonry [en]

Hace un tiempo estuve probando un nuevo servicio web que aparecía aquí como una pequeña barra en la zona superior (o un pequeño tirador con una flecha). El servicio se llamaba The Hello Bar y te permite crear notificaciones de una manera super sencilla y, lo más interesante, comprobar la efectividad del servicio mediante su sistema de tracking.

El servicio viene en diferentes sabores en función del pago mensual. La versión de prueba te deja emplear el sistema durante un par de semanas, tiempo más que suficiente para ver si te merece la pena emplearlo profesionalmente.

Si no recuerdo mal creo que se puede registrar cualquiera o al menos solicitar una invitación. Si os pica la curiosidad tengo unas cuantas invitaciones directas por lo que sólo tendréis que pedirlo :)

The Hello Bar [en]

CatsWhoCode no es una web de diseño sino que se enfoca claramente a la parte de desarrollo y código. La pongo porque la leo desde hace bastante y me parece bastante útil a pesar de que sea de esas webs que parece que sólo saben hacer recopilatorios…

Encontraréis artículos bastante potables (en función de vuestro conocimiento claro) como 10 super useful PHP snippets [en] o los chorrocientos que dedica a Wordpress.

CatsWhoCode [en]

Nos contaba Cristóbal hace poco que había descubierto un añadido para Illustrator llamado Scriptographer. Yo estoy bastante pez en el programa. Sé utilizarlo y lo empleo correctamente pero estoy seguro que tiene muchísimas más posibilidades de las que yo utilizo. Y este tipo de añadidos es una de esas cosas que hacen que te des cuenta de ello.

Scriptographer te permite generar nuevos efectos a partir de objetos ya creados o mismamente desde un lienzo en blanco, empleando Javascript. No parece complicado de usar si nos limitamos a lo que la comunidad nos ofrece en forma de scripts porque yo de JS ni idea.

He visto algunos efectos bastante interesantes y os paso el linkito por si no lo conocíais.

Scriptographer [en]

Nano en Twitter colgaba un valioso recurso para los que sólo sabemos hacer la o con un canuto en términos de programación. Free jQuery & CSS templates tiene como título la web y ofrece descargas gratuitas de plantillas bastante resultonas, funcionalmente hablando. Que si una con el footer pegado siempre abajo, que si otra con la navegación siempre visible… Esas cosas que para los que ya estáis puestos os resultan super fáciles de hacer pero que pueden conseguir que especímenes como yo pidan ayuda a seres divinos. Por lo tanto, bienvenidos sean!

Free jQuery & CSS templates [en]

Para los que somos un poco ceporros con el código, nos gusta que las cosas sean sencillitas de implementar. Y por fin tuve una excusa hace poco para probar Nivo Slider y me ha parecido un plato de muy buen gusto.

Nivo Slider es un slideshow que corre bajo jQuery, muy sencillo de usar y de configurar. En la web se puede ver una demo directamente y tiene toda la documentación en la que se explican sus características: navegación por teclado, tipos de transición, configuración…

Nivo Slider [en]

Francisco nos recomienda que le echemos un vistazo a HTML5 Boilerplate donde se nos da la oportunidad de descargar unas plantillas de documento web bien preparaditas y organizadas para no perder ni un detalle.

Su autor, míster Paul Irish [en] nos asegura que están basadas en todo el tiempo que lleva trabajando en el mundillo del desarrollo web y que ha intentado optimizar los archivos de la mejor manera posible. Viendo todo el trabajo de este hombre, seguro que más de uno agradecerá que comparta esta información.

HTML5 Boilerplate [en]