Tag: javascript 🤘 SB

How to animate SVG signature

2020-01-06
css
javascript
svg

Let’s see how to animate SVG signature with a little bit of JavaScript and CSS. In this demo, I would show you how to use JavaScript function to calculate SVG path length and CSS animation to animate SVG strokes. You could see the final result on About page or CodePen.

Building an Animated Sticky Header With Custom Offset

2018-12-07
css
javascript

Sticky elements are used all across the web. With the appearance of the position: sticky property, we could create sticky elements without JavaScript plugins. But creating sticky elements with animations couldn’t be achieved without a little bit of JavaScript.

Classily.js - Toggling classes more classily

2017-11-28
javascript
plugin

I created a JavaScript plugin for toggling classes more classily, and I called it Classily.js. The plugin is simple yet powerful, and, if used correctly, it could solve tasks that are not so simple.