Posts Tagged ‘Animation’

Creating a Border Animation Effect with SVG & CSS

CSS, JavaScript | Posted by Keefr March 6th, 2014

This is one of those demos/tutorials that are cool looking and great if utilized sparingly and in the right places. Basically the tutorial leans on SVG and CSS, but it could be done other ways (JavaScript and semantically meaningless containers)

Creating a Border Animation Effect with SVG & CSS

Detecting CSS Animation Completion with JavaScript

CSS, JavaScript | Posted by Keefr March 4th, 2014

Nice tips here on utilizing JavaScript to detect the browser and its CSS animation abilities. The bigger revelation David Walsh comes to in this article, is that with the maturity of the current batch of browsers and CSS, you can mostly discard traditional JS toolkits.

Detecting CSS Animation Completion with JavaScript

Myth Busting: CSS Animations vs. JavaScript

CSS, JavaScript | Posted by Keefr January 15th, 2014

cssNice article on utilizing JavaScript versus CSS for animations, hardware accelerations and the assumptions and myths people have about CSS versus JS.

Myth Busting: CSS Animations vs. JavaScript

Hyperspace – CSS Style

CSS, Web Development | Posted by Keefr May 3rd, 2013

This is pretty impressive — what a modern browser and just a bit of CSS (lots of transforms and some animation), HTML and a single image can do.

Hyperspace – CSS Style

Slide In (as You Scroll Down) Boxes

CSS, jQuery, Web Development | Posted by Keefr April 5th, 2013

Love this effect and have to see about implementing it in a future project. Basically, it detects when content below “the fold” appears and animates it up via jQuery. The included video gives you a good view/demo:

Slide In (as You Scroll Down) Boxes