![]() One web design trend that refuses to go away is parallax scrolling. With this, the sees the background of the web page moving at a slower rate to the foreground, creating a 3D effect as you scroll. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth that helps to result in a distinctive and memorable website. But to show how it should be done, we've collected together sites that employ the technique to good effect. In some cases the parallax scrolling is the star of the show; in others it simply adds a touch of depth that makes the foreground seem to pop out a little. • Exclusive offer: 01. The site for Made By Few uses parallax scrolling to enhance the handmade vibe Made by Few is an annual web conference hosted by, a design and development agency in Arkansas. ’s detailed, bright illustrations take pride of place on the event website. The staggered parallax effect enhances the handcrafted feel and adds energy. There are hidden gems scattered throughout the site (try hitting the Konami Code) to keep things fun. “At Few, we love pleasant accidents and encourage exploration, ” says Arlton Lowry, co-founder of Few. “We believe when you provide people with an open and fun environment, there’s no telling what will come of it.” 02. Parallax scrolling ties in with the theme of movement here Dream Runner was an unusual online campaign in which Old Spice offered to turn customers’ run maps into fabulous prizes. ![]() We all love parallax WordPress themes. Pick one that works for you from our list of the best parallax WordPress themes on the market of 2017. Nov 10, 2017. Here's our list of the top parallax WordPress themes on the market today (a combination of parallax scrolling and single-page design). Using geolocation data, users could draw their desired prize on screen by physically moving around. The results were loosely and hilariously interpreted by judges, with prizes spanning things like ‘a bent metal pipe’ and ‘inflatable shark leisure product’ as well as bigger ticket items like cars and holidays. The highly interactive site – designed by Wieden + Kennedy no less – fully embraced the ridiculousness of the campaign. In true Old Spice fashion, the splash screen parallaxed tigers in sunglasses, mythical creatures and old men in unitards in all directions as you tilted your phone or moved your mouse. The fun use of the gyroscope hinted that what was going to happen next would also involve physical movement. Alquimia WRG uses parallax elements to simulate a 3D space environment Based in Milan, Alquimia WRG is a digital agency that aims to create amazing and effective experiences for brands on digital media. Clean and minimal, and only black and white, the website uses a mixture of the usual suspects (HTML5, CSS, and JavaScript) to achieve a neat package. HTML5 canvas is used to animate the initial loading image. Subtle 'parallax elements in the homepage are dynamically created and animated to simulate a 3D space environment through mouse movement,' says Andrea Bianchi, creative director at Alquimia. Page navigation is achieved via a simple and smooth page sliding effect, which is implemented by changing CSS properties with JavaScript. The works page contains a simple list of selected projects, which, when selected, reveals further information in a smooth sliding effect. When such content is loading, a JavaScript animated preloading bar appears at the bottom of the screen, which is a nice touch. The site achieves its goal, which, as Bianchi says, 'was to create an ideal balance between content, usability and user experience'. Next page: Inspiring parallax scrolling sites transform storytelling and even dry topics into adventures. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
May 2019
Categories |