Applications and Tools

Working With Gumby's Parallax Extension


Having covered how to install the Gumby framework and how to work with its semantic grids (plus Sass and Compass), it's now time to dive into some of Gumby's extensions. The first extension we're going to play with is the parallax module.

Gumby's Parallax Module

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Related Posts
  • Computer Skills
    How to Build a Stop Motion Animation Studio With a Raspberry PiStopmopreview400
    Creating animated movies can be fun and easy using stop motion techniques. Stop motion movies are built from individual pictures of slight changes in a scene compiled into a video. Setting up a studio to film an adventure is a simple and fun project with a Raspberry Pi and its camera module. Read More…
  • Music & Audio
    Music Theory
    How and Why to Modulate to New KeysWriteathemepreview400
    In music, modulation is the process of changing from one key to another. If a piece of music starts out in the key of F major but then changes, either immediately or gradually, to they key of Bb major, we would say it modulates from F major to Bb major. A piece is considered to be in a "key" if the root of the key is the tonic, also called "home" or the "gravitational center".Read More…
  • Code
    JavaScript & AJAX
    Creating Brackets ExtensionsDeeper in brackets retina preview
    A little while ago I wrote about the recent updates to the Brackets editor. Brackets is an open source project focused on web standards and built with web technologies. It has a narrow focus and therefore may not have a particular feature you've come to depend upon. Luckily, Brackets ships with a powerful extension API that lets you add any number of new features. In this article, I'm going to discuss this API and demonstrate how you can build your own extensions.Read More…
  • 3D & Motion Graphics
    Motion Graphics
    How to Create a Parallaxing Background Without a 3D CameraAetuts retina parallaxing backgrounds
    In this video tutorial, we will use the Offset effect combined with comp-to-comp expressions and Time-remapping to create a parallaxing environment. Parallax is achieved by panning a camera past objects with varying depth inside a scene. We will create parallax without a 3D camera or Z-depth of any kind.Read More…
  • Game Development
    How to Learn
    How to Learn GameMaker: StudioHow to learn gamemaker studio 400px
    GameMaker: Studio is a full game development tool, featuring a level editor, asset manager, code editor, and its own scripting language known as GameMaker Language (GML). Earlier versions of GameMaker were were very basic, and many people will remember them as being mostly for total beginners - to make a game commercially with them would have seemed like a joke. Things are different now, with several commercial successes, including some very high profile games.Read More…
  • Web Design
    Case Studies
    How They Did It: Flickr RedesignFlickr how they did it retina
    Fresh on the heels of Yahoo!'s acquisition of Tumblr, Yahoo! has implemented a complete redesign of This was met with some strong criticism as well as strong praise, a lot of which has been attributed to Yahoo!'s new leader, Marissa Mayer. In this article, we will talk about the design decisions and some of the implementation details in the redesign, and we will open some conversation about Yahoo!'s acquisition of Tumblr.Read More…