Topic Archives

Interaction Design

Dive into interaction design principles that create meaningful relationships between users and products.

View all User Experience (UX) articles

8 CSS & JavaScript Snippets for Lighting & Shading Effects

8 CSS & JavaScript Snippets for Lighting & Shading Effects

By
CSS / JavaScript

A collection of lighting and shading effect CSS & JavaScript snippets for recreating the incredible effects we see in modern video games.

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

By
CSS

An extensive collection of libraries, frameworks, web-based tools, cheatsheets, and tutorials to help you better create and understand CSS animation.

50+ Best Free Premiere Pro Templates & Presets for Video Editors

50+ Best Free Premiere Pro Templates & Presets for Video Editors

By
Motion Design

A stunning collection of free Premiere Pro video templates and presets for 2025. Quickly create promotional, instructional, or presentation videos.

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

By
CSS / JavaScript

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

15 Examples of Subtly Animated Logos in Web Design for Inspiration

15 Examples of Subtly Animated Logos in Web Design for Inspiration

By
Inspiration / Logo Design

A collection of beautifully designed logos that have been subtly animated. They will all inspire you to go and create your own.

10 CSS & JavaScript Snippets for Page Transition Effects

10 CSS & JavaScript Snippets for Page Transition Effects

By
CSS

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

8 Microinteractions to Help Improve User Experience

8 Microinteractions to Help Improve User Experience

By
UX Design / Web Design

Learn about eight microinteractions that can significantly improve the user experience on your website.

Simple Methods for Using Micro-Interactions on Your Site

Simple Methods for Using Micro-Interactions on Your Site

By
UX Design / Web Design

As micro-interactions are standard on mobile and desktop nowadays, we share some guidelines for designing micro-interactions effectively.

Using Micro-Interactions to Drive User Engagement

Using Micro-Interactions to Drive User Engagement

By
UX Design / Web Design

We delve into micro-interactions, explore their benefits, and provide practical tips for incorporating them into your UI designs.

The Role Functional Animation Plays in Improving User Experience

The Role Functional Animation Plays in Improving User Experience

By
UX Design / Web Design

We explore how functional animations can guide users, enhance user experience, and, at times, add delight to interfaces.

10 Best Free Plugins for Adding Animation Effects to WordPress

10 Best Free Plugins for Adding Animation Effects to WordPress

By
WordPress

A collection of free plugins for quickly adding smooth scrolling, page transitions, and CSS animated effects to your WordPress website.

10 Amazing Animated Text CSS & JavaScript Code Snippets

10 Amazing Animated Text CSS & JavaScript Code Snippets

By
CSS / JavaScript
12