Parallax Scrolling
Parallax animation is a technique where by the illusion of depth is achieved by animating visual elements on different depth planes at different speed. Disney pioneered the technique in traditional...
View ArticleClik here to view.
Web Typography
Download the example files here. Typography is an oft-overlooked aspect of web design. As typography is likely to make up a good deal of your content you should invest effort in making that text as...
View ArticleScalable Vector Graphics (SVG)
SVG is the standard format for vector graphics on the web. If you have visual elements that are flat in style, SVG have some useful benefits in terms of reduced file size and added flexibility vs...
View ArticleMouse-Driven Parallax Animation
If you want parallax animation driven by mouse movement (rather than scrolling), this JavaScript plugin might be of interest: http://matthew.wagerfield.com/parallax/
View ArticleSome useful resources
If you want to trigger an effect on scroll other than an animation, try Waypoints. This is less intuitive than Skrollr. Horizontal swiping with Dragend If you want an animation to occur when the page...
View ArticleClik here to view.
Publishing files to the CIF web server
Connecting from home? If you are trying to connect to the CIF web server from home, you first need to download, install and run a VPN client. You can download the VPN and find instructions for how to...
View Article
