This is a second part of a guide helping front-end developers to choose the right approach when it comes to animations on the web.
Are you wondering whether to use CSS3 or JavaScript animations? This part explains your JavaScript options and reveals the best JavaScript animation tools available.
Have you been asked by your client, boss or designer to create some nice animations on the next web project?
They say: “I have seen this cool effect on the other site, can you do something similar?” or “I have this idea for an animation, can you do it?” and you go: “Sure I can.” or “Hm, I don’t know…”
Tip of the day: Never say “No, I can’t do it.” That’s not what a modern front-end developers say.
You’ve asked for the code snippets of the Merry Christmallax and in this post I share with you a screencasts related to CodePen examples demonstrating how the site was put together.
You are so awesome! Thanks you for the great feedback and tons of questions about my How to create a parallax scrolling website tutorial.
I have tried to answer some of them in the comments, but some were just too complicated to explain in a few sentences.
Do you like to explore the code of other front-end developers?
And do you know that it’s the best way to learn new techniques of coding?
In this new series of articles I will be featuring interesting demos and code snippets from CodePen.io and you can take them apart, break them and learn something new.
I have received many messages and a positive feedback regarding my recent parallax website tutorial. Based on your feedback I have decided to create another tutorial, this time aimed more towards a junior and mid developers.
I will try to explain everything in more detail and you can also download the starting files to follow the tutorial step by step.
We all know that parallax websites are currently the most talked about topic in web design and development. This trend doesn’t show any signs of slowing down and plenty of great parallax websites are popping up like mushrooms after the rain.
The Be Moved page by Sony certainly stands out from the crowd.
Let’s have a closer look under the hood of this visually engaging site.
Today’s parallax website tutorial is a detailed explanation of the Parallax Scrolling Effect using Skrollr.js published a few weeks ago.
You will learn how to create a simple parallax scrolling website using Skrollr.js plugin.