jquery

What happens when you give nerds the space to get creative? Friday at Affinity Bridge Head Quarters went a little something like this...

Ariane: Wow Alberto, our site header and footer are moving! But you hate Flash, how did you do that!??

Alberto: Well, actually it's not flash at all! It is a very neat script named jParallax that I had been wanting to experiment with for animating the illustrations on the site.

Ariane: Can you tell us a little bit more about this script, how does it work, how is the movement controlled, the overlapping, etc?

Alberto: I sure can. According to wikipedia "Parallax is an apparent displacement or difference in the apparent position of an object viewed along two different lines of sight". What jParallax does is use the jQuery library to implement this effect.

As a follow up to the previous post talking about our (re)branding process, we wanted to share with you some of the details of the new theme for our site, as well as a few configuration changes, and what we learned.

960 Grid-based Theme

In an earlier post, our theme lead Alberto talked a bit about CSS Frameworks, including the 960 Grid System, which is compatible with Drupal's Zen framework. Those are two of the main tools in his theming toolkit, so we made sure to get a theme designed that would comply with using the grid system. Alberto then took the layout CSS file from the 960 Framework and substituted that for the layout CSS file in Zen, but otherwise used all the other Zen files.