Cristian in Gimmicklab
February 2, 2010
Bbats site published
New site published. You can read the blog post at Gimmicklab, read the review and visit the site.
Javascript
Cristian in CSS, Javascript
January 23, 2009
Sticky Footer
During the years I’ve been through so many solutions to achieve a sticky footer solution, from the one explained at Exploring Footers (A List Apart) to different variations that at Gimmicklab we have re-using and re-thinking, some based on pure CSS and some taking advantage of Javascript.
Yesterday I was taking a look at CSS Sticky Footer, a pure CSS technique that provides this functionality with full crossbrowser compatibility.
We have been using a similar method in the past with great results, but the thing that I’ve been always complaining is that it made me change our mark up structure.
Since we work with a XHTML and CSS styleguide for our every project that establish the following general mark up among other rules:
<div id="container"><div id="header"><div><div id="main"><div><div id="footer"><div><div>
Cristian in Javascript
July 27, 2008
Slider con Mootools
Las últimas semanas he estado jugando un poco con Mootools y Jquery. Ambos frameworks son top class, no entiendo las discusiones que hay a veces entre seguidores de unos y de otros.
En Gimmicklab vamos a trabajar con Jquery a partir de ahora. Es una opción sólida, robusta e increiblemente flexible, quizás un poco más técnica que Mootools por ejemplo pero eso también la hace más abierta. Es más por centrarse en una metodología de trabajo u otra, por que los resultados que puedes obener con las dos son magníficos. La opción del Dom Assistant también es muy interesante.
Me ha dejado sorprendido lo sencillo que es hacer un slider en estilo Flash totalmente old school, que siga al ratón con Mootools, en el pasado hemos muchos de estos.
El resultado es muy bueno y va muy fino, y siendo coherente estableciendo las propiedades CSS consigues que funcione agradablemente con el Javascript desactivado.
Me ha sido muy útil que Mootools esté preparada para soportar el método scroll, ya que hemos adapatado un diseño inicialmente pensado para desarrollar en Flash a estándares, HTML y CSS.
El código es el siguiente:
// Mootools Constructor
window.addEvent('domready', function(){
var scroll = new Scroller('slider', {area: 100, velocity: .3});
$('slider').addEvent('mouseenter', scroll.start.bind(scroll));
$('slider').addEvent('mouseleave', scroll.stop.bind(scroll));
});
