Category Archives: Snippets

CSS and JavaScript Animations on the web

The Guide to Scrolling Animation Libraries

Do you wanted to finally dive into scrolling animations and share your story or product in a more interactive and engaging way?

Are you confused which parallax scrolling library is the right for you and your project?

Are you drowning in the sea of all the options available?

Continue reading

Simple Responsive Parallax Website

How to make parallax scrolling website responsive

Have you ever created a parallax scrolling website and wanted to make it responsive but didn’t know how? Is your page working beautifully on desktops but is completely unusable on mobile and tablet devices?

Here is a step by step guide how you can turn parallax scrolling off for mobile and touch devices using enquire.js.

Continue reading

Susy - CSS Grid

#2: CodePen demos collection

Stop your busy day for a few minutes and explore the code of these handpicked CodePen demos.

You’ll learn how to create a simple but effective neon glow effect, how to make your objects shine with Greensock and how to create an animated steps by step guide.

Continue reading

CSS and JavaScript Animations on the web

The guide to JavaScript animations for the web

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.

Continue reading

CSS and JavaScript Animations on the web

The guide to CSS animations for the web

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.

Continue reading

Susy - CSS Grid

#1: CodePen demos collection

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.

Continue reading