Posts tagged “javascript”

A long-term client asked us one day if we could create an online form with multiple parts for a section on their website. There are a lot of solutions already available so it was trivial to select one that met their needs. But it did get me thinking about how difficult if I were to create my own solution.

If it happens once it’s a novelty. Twice, it’s a coincidence. Three, times it’s a habit. So if it happens four times would that make it an addiction? 🤔 From Parallax to scrolling colour changes to zooming in on image I had another idea to play around with sticky positioning and slides. As has been the case with all my experiments so far, it was surprisingly easier than expected with modern CSS.

Yet another set of experiments where I use modern CSS and JavaScript to re-create something that used to be difficult to do. This time it’s that “Zoom an image on hover” effect that’s common on e-commerce websites and photography portfolios. Like the other experiments I’ve done so far (see here and here), this was also surprisingly easy to accomplish — the hardest part was *GASP* math.

Using parallax in web design isn’t new; you can easily find plugins, third-party libraries and no shortage of examples on the interwebz. I was searching for a pure CSS solution only to recall it had already been done with background-attachment and that I used this technique on a client project a few years ago! Silly forgetful me…