Our front-end development team make it their mission to always be on top of the latest news in the Design world, so that we can provide cutting-edge design work for our clients. It isn't surprising, then, that we also want to share exciting info with you!

devonWeb Development

Here at Zivtech, we are obsessed with creating immersive experiences for mobile and the web using cutting-edge design and Open Source Software like Drupal and Angular.js. One of the web design techniques that we've had on our radar is Parallax Scrolling, which gives depth to a page by scrolling two dimensions of the site at different rates (for example, text in the front would scroll faster than the image behind it). Parallax Scrolling is most often associated with 2D video game development, but has been becoming more and more prevalent on the web (for some live examples see Creative Bloq's post "46 Great Examples of Parallax Scrolling").

While we find this technique engaging, we never adopted it for our designs due to the fact that it relied heavily on Javascript tools and techniques that we found caused performance issues, and especially due to problems with making it work within a responsive web design. However, that may be about to change. In a recent post on his blog, Keith Clark wrote about an exciting new way to create Parallax Scrolling through CSS rather than Javascript, making for more mobile-friendly and responsive Parallax Scrolling effects. Clark writes:

Deferring the parallax effect to CSS removes all these issues and allows the browser to leverage hardware acceleration resulting in almost all the heavy lifting being handled directly by the compositor.

This technique, which removes the bulk of the work off the browser, creates the illusion of 3D without bogging pages down. Now, with CSS, we can maintain the same effect without creating a disjointed experience across multiple platforms. Check out Keith's post on pure CSS parallax scrolling websites for code snippets and samples.

devonWeb Development

It’s not surprising that the web design and development communities struggle with nomenclature. We are creating new ways of working, new systems, and new things, all of which need names. We rely on what we know, borrowing and altering what we can with varied success.

Meghan Palagyi

Zivtech was a proud sponsor of the 2012 Penn State Web Conference, which focused on a topic we care and work deeply in: Responsive Design & The Mobile Web.