Animation — SitePoint

By Angela Molina, Tiffany Brown, October 12, 2015

Last week Tiffany Brown, author of CSS Master, joined us on the forums for a Q&A session discussing CSS Animations. Read the highlights of her conversation.

Syncing CSS Animations with HTML5 Audio

By Mihaela Jurkovic, September 16, 2015

With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.

Watch: Refactoring a Slow Animation

By Tim Evko, September 08, 2015

In this screencast I'm going to show you how to refactor your CSS to improve and smoothen your animations.

7 Simple Rules for Creating Elegant UI Interactions

By Petras Baukys, September 01, 2015

In 2015 it's no longer enough for interface elements to instantly switch between two static states. Petras has 7 tips for making your interactions sing!

Watch: Reviewing CSS Animation Performance

By Tim Evko, August 25, 2015

In this video we'll look at CSS animations, frame rates, and why some CSS properties are better to animate than others.

Implementing “Show More/Less” Functionality with Pure CSS

By George Martsoukos, July 29, 2015

George uses the checkbox hack and demonstrates how to create a show more/less component with CSS and no JavaScript.

10 Ways to Minimize Reflows and Improve Performance

By Craig Buckler, July 07, 2015

Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.

5 Big Mobile Design Trends of 2015

Digital Marketing by WooRank

By Gabrielle Gosha, June 23, 2015

It's 2015 and mobile browser numbers have officially surpassed their desktop cousins. Gabrielle looks at 5 mobile design trends that are shaping the market.

Building Great Mobile Menus for Your Website

By Simon Codrington, June 03, 2015

Simon Codrington looks at techniques and advice on how to create menus in your website project that are optimized for usage on mobile devices.

Responsive Sprite Animations with ImageMagick and GreenSock

By Tom Bennet, April 01, 2015

Tom Bennet uses his love for video games to show us how to create responsive CSS sprites using ImageMagick and the GreenSock JavaScript animation library.

Understanding the CSS animation-fill-mode Property

By Louis Lazaris, March 05, 2015

You've probably created CSS3 animations. But have you used the animation-fill-mode property and all its possible values? Louis takes a look, with visuals.

Google Web Designer: Production-Ready Tool or Toy?

By Zack Wallace, September 22, 2014

It's almost a year since Google launched 'Google Web Designer'. Zack takes it for a workout to see how it stacks up with a real-world project.

You Don’t Need JavaScript for That!

By Tim Evko, September 17, 2014

We rely on JavaScript for almost everything that involves dynamic elements and interactions. Tim Evko explores how to build such elements with just CSS.

On Our Radar: Walkthroughs, Black Boxes and a Sordid Legacy

By Paul Wilkins, August 29, 2014

Paul Wilkins is back with a summary of the best in web development news from the week that was.

On Our Radar This Week: Does JavaScript Suck?

By Paul Wilkins, August 15, 2014

Paul Wilkins shares the best from the web over the last week, including animation, hyperlapse and the question of whether JavaScript sucks.

The CHALLENGE #1: Recreate this GIF in HTML & CSS

By Alex Walker, August 07, 2014

Think you're pretty handy with CSS? Welcome to the Challenge #1: Recreate this GIF in code -- most elegant solution wins.

You Can Do That With CSS?

By Scott O`Hara, August 06, 2014

Scott O'Hara shows us some neat things you can do with CSS, creating stuff you would normally need lots of JavaScript to produce.

Firefox OS Game Development with the Ionic Framework

Mobile

By Aldo Ziflaj, August 01, 2014

Firefox OS allows you to create apps with HTML and JavaScript and the same applies to games, lets create one with Ionic!

Bounce.JS: Create Complex CSS Animations Fast

By Elio Qoshi, July 18, 2014

Getting your head around CSS animation can be tricky but Elio has a great tool to get you started. Bounce.js is free, funky and functional.

Adding CSS Animations to AngularJS Applications

By Ravi, July 14, 2014

This article shows how CSS animations can be incorporated into common AngularJS directives.

On Our Radar: Android’s Material, Better Design, and Refactoring

By Paul Wilkins, July 04, 2014

Read On Our Radar: Android's Material, Better Design, and Refactoring and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

How to Avoid CSS3 Animation Minification Muddles

By Craig Buckler, June 18, 2014

Your production CSS should always be minified, right? However, beware of optimization behavior that could affect your lovely animations.

Building Mobile Games with Stencyl

Mobile

By Jay Raj, June 16, 2014

Stencyl is a platform for creating games without writing a line of code, providing a simple drag and drop interface that will get you creating ideas faster.

AniJS: A Declarative Handling Library for CSS Animations

By Jay Raj, June 16, 2014

Jay Raj introduces the AniJS library walking through a simple tutorial to demonstrate how to add animations to a login/register page.

Creating CSS Animations Using Move.js

By Syed Fazle Rahman, March 20, 2014

This article covers the Move.js library which is used to create CSS animations in JavaScript.

Talkin’ CSS, Animation and X-Men with Rachel Nabors

By Alex Walker, March 12, 2014

Animator and CSS sorcerer Rachel Nabors spent some time with us talking about the future of animation on the web before her FOWD workshop in April.

Rich Presentations Using CreateJS

By David Nance, March 07, 2014

This article introduces the CreateJS library and shows some basic examples of what it can be used for.

Eye-Catching Animations with GreenSock