Inspirational UI Design Ideas for Your Next Website Project
Design & UX
By Simon Codrington,
Simon Codrington illustrates some stunning UI design ideas using CSS animation and gradients to inspire your creativity for your next website project.
Animation — SitePoint
Recent
Make Your Website Interactive and Fun with Velocity.js (No jQuery)
HTML & CSS
By Maria Antonietta Perna,
Maria Antonietta Perna introduces Velocity JS, a super featured JavaScript library for DOM animation, and shows how to use it without jQuery dependency.
Awesome Front-end Resources and CSS Animation Course
HTML & CSS
By Maria Antonietta Perna,
Maria Antonietta Perna presents some front-end learning resources and the new SitePoint Premium's CSS Animation course by Donovan Hutchinson
Bringing Websites to Life with CSS Animations
HTML & CSS
By Guy Routledge, Donovan Hutchinson,
CSS animations are fast becoming an essential design tool and tap into a more engaged audience through micro interactions and visual validation.
Fun Web Animation Effects with KUTE.js
HTML & CSS
By Maria Antonietta Perna,
Maria Antonietta Perna introduces KUTE.js, a versatile library as her second installment in the Beyond CSS: Dynamic DOM Animation Libraries series.
20+ Docs and Guides for Front-end Developers (No. 10)
HTML & CSS
By Louis Lazaris,
Another collection of front-end docs, guides, and other learning resources for various technologies in front-end development.
Animating the DOM with Anime.js
HTML & CSS
By Maria Antonietta Perna,
In this first article of a series on dynamic DOM animation, Maria Antonietta Perna explores Anime.js, a new library to make the web come to life.
Quick Tip: Single Character Transforms with CSS and JS
HTML & CSS
By Simon Codrington,
Simon Codrington looks at how to animate individual characters using CSS animations and some simple jQuery.
An Introduction to Hardware Acceleration with CSS Animations
HTML & CSS
By Artem Tabalin,
Artem Tabalin shows you how to improve the performance of your CSS animations by taking advantage of hardware acceleration.
Animation Advice from a CSS Master
HTML & CSS
By Angela Molina, Tiffany Brown,
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
HTML & CSS
By Mihaela Jurkovic,
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
HTML & CSS
By Tim Evko,
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
Design & UX
By Petras Baukys,
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
HTML & CSS
By Tim Evko,
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
HTML & CSS
By George Martsoukos,
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
HTML & CSS
By Craig Buckler,
Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.