Where should you invest your time to become a hot front-end developer in 2015? What are the upcoming trends on the modern web?
I am not a magician, nor have I some magic globe to predict what will happened in 2015, but in this article I want to share my option about where the front-end development is heading in 2015.
The 3 things to watch out and learn in 2015:
I know, the list could be much longer, you are saying.
I hear you.
New plugins, libraries and frameworks are released everyday, there is so much new to learn.
But let’s explore why you should add SVG, GreenSock and ScrollMagic to your front-end developer arsenal.
If you’ve been recently to any front-end development conference covering CSS3 and HTML5 topics, you’ve came across a growing talks on the SVG topic.
- The SVG reality at CSSConf.Asia Singapore 2014
- Creative CSS: Interface Animation For The Web at Smashing Conference
- SVG Strikes Back at Front Porch 2014
50+ designers sharing their top 3 trends for 2015 also mentioning SVG, animations and interactivity very often.
This is not a coincident!
New devices with high density displays are introduced to the market in a growing rate and our job is to make all the assets, icons, logos and flat design elements to look super crisp at any screen resolution.
That’s where SVG comes in handy.
The flat design trend, hand in hand with the great browser support, there is no excuse why you shouldn’t start using SVG on your projects in 2015.
Here are some articles to kick start your SVG learning in 2015:
and a few videos, if that’s more convenient for you:
- Styling and Animating Scalable Vector Graphics with CSS – 38:59 – Sara Soueidan, CSSConfUS2014 (Slides)
- SVG Strikes Back – 21:07 – Matt Baxter, Front Porch 2014 (Slides)
Creating SVG is one thing and animating is another.
It can and will bring your site to life.
Animations on the web were long time gone after the iOS non-flash support.
If you were thinking about learning GreenSock for a while, 2015 is definitely the year when you should seriously start learning it.
Why learning GreenSock?
- Cross-browser compatibility is taken care of.
- Developer friendly syntax that lets you create complex tweens and timelines.
- Great support, active development and new plugins releases.
If you are a professional front-end developer you want to use tools that are build for professional front-end developers.
Here are some articles to get you started with GreenSock:
- Create Apple Mac website navigation using Greensock
- Create Apple navigation using Greensock
- Create staggered animations with TweenMax
GreenSock is what pros are using! Full stop.
Let’s be honest here, scrolling animations are not new.
They’ve been around for a while now and some might think that they are on a decline.
I see 2015 as a year when we’ll see more great examples of the use of scrolling animations.
Less rubbish, less junk, less “lets animate everything” examples.
More story telling, more product presentations, more timeline kind of websites and more interactive info graphics.
And there is not a better tool for this than ScrollMagic.
If you want to have a precise control over the positioning, timing and triggering your animations and let the user reveal your story in a more interactive way then learning ScrollMagic is what you should do in 2015.
Why learning ScrollMagic?
- Precisely control the triggering of your animations.
- Callbacks and extra classes toggle for a creative effects.
- Actively developed plugin with new features released based on the community feedback.
Here are some articles to get you started with ScrollMagic:
- Building Interactive Scrolling Websites with ScrollMagic.js
- Scrolling Libraries Demo
- SVG Scrolling Animation Triggered By ScrollMagic
Create something amazing in 2015 with ScrollMagic.
The web doesn’t need more bootstrappers or justuseatemplaters.
The web needs more creative front-end developers who can create some unique online experiences, who can tell the story, who can create more interactive websites.
Are you one of them?
Happy coding, debugging and learning new things in 2015!