We recently discussed how to use Gulp and the gulp-babel plugin to compile your ES6 javascript into browser-friendly code. It seemed to strike a chord with developers wanting to use ES6 while keeping their tooling simple, but what if you don't use Gulp and don't fancy adding an extra step to your workflow? Good news - you don't have to!
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?
Posted in Code, Tutorials, Web, Web Design
The current stable of module bundlers like Webpack and Browserify are incredible tools that make creating performant and cutting-edge web apps a breeze, but they do tend to be somewhat difficult to set-up and configure, using rather arcane syntax and concepts. We all want to use modern, cutting-edge Javascript, but for a small project or a proof of concept are they really worth the overhead if all we want is to be able to write in ES6? Perhaps there could be another way...
Who needs a fancy front-end framework like Angular or React when we can simply use our old pal CSS?
Measuring time in the browser can be a fiddly business with questionable accuracy, particularly when benchmarking. But with the Web Performance interface, that doesn't have to be the case..
It might be a bit of a cliche, but everyone loves a bit of Christmas customisation. The thought of adding little seasonal Easter eggs is like catnip to web developers and at Pixel Pixel we are no different...
Posted in Activities, Code, Tutorials, Web
SCSS improves on CSS in almost every way, with nesting and powerful directives raising the stakes for front-end dev work. Sadly though, some powerful features of the language are still relatively unknown.
Ever felt that your browser console output was too plain and boring? Never fear, Pixel Pixel are here to help you fix that!
They say that even in the comfort of your own home you are never farther than 3 feet away from a spider, but for a web developer the true stowaway is far more mundane...
Right now, A/B testing is the method du jour for website conversion optimisation, enabling users to test different marketing and design choices from the comfort of their own keyboard. There are plenty of tools which exist expressly to provide this in-depth variant testing, but did you know that it is also possible to set up a similar experiment in the ubiquitous Google Analytics?
