Parallax is a popular scrolling effect used on many modern websites, and when done well can look fantastic. Sadly though, parallax implementations often suffer from being JS heavy and poorly optimised, and can introduce performance problems. So, what are our options for adding a basic parallax style effect without any of the baggage?
A trusty tool of any Web Developer, browser extensions are now a key component of our workflows, offering extended functionality to the already powerful modern browser dev tools. The ability to test concepts and fiddle with the DOM directly in the browser rather than switching back and forth from an IDE can be a big time-saver, and debugging relevant data about your site performance or third party plugins can offer insights that might otherwise be missed. There are hundreds of useful add-ons targeting inline css, grid layout overlays, cache-clearing, code parsers etc…
Websites nowadays are vibrant and artistic products packed with unusual features and quirky colour schemes, but our industry often fails to remember that not all of our users are receiving the full impact of these design decisions.
The mobile revolution has seen a dramatic change in the way the average user consumes web content. The proliferation of smartphones and mobile-friendly sites has allowed users to access articles, social media, and even e-commerce on their phones and tablets, and the shift in behaviour that this represents is immense. In 2017 it is more important than ever to ensure that your site performs well across the mind-boggling current variety of hardware devices and screen sizes.