Topic Archives

Animation

8 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths

CSS / JavaScript / UI Design

A collection of code snippets for creating animated CSS paths that will allow you to achieve a number of exciting effects.

8 CSS Code Snippets for Creating Stunning Border Effects

8 CSS Code Snippets for Creating Stunning Border Effects

CSS / UI Design

We share a collection of pure CSS border effects that prove that web designers should no longer have to settle for a basic design.

Fun Examples of SVG Shape Usage in Web Design

Fun Examples of SVG Shape Usage in Web Design

CSS / UI Design

Learn how SVG shapes can enhance web design, offering scalable, responsive, and visually appealing elements for modern websites.

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

CSS / JavaScript / UI Design

We have a collection of CSS & JS snippets that take illustrations to the next level. Each one is editable, so feel free to play around with the code.

Code Snippets That Demonstrate the Repelling Effect in Web Design

Code Snippets That Demonstrate the Repelling Effect in Web Design

CSS / JavaScript / UI Design / Web Design

A collection of inspiring examples, complete with code snippets, to showcase the beauty and intrigue of the repelling effect in web design.

Despite Its Critics, jQuery Forges Ahead

Despite Its Critics, jQuery Forges Ahead

JavaScript / WordPress

jQuery has made a huge impact on the web and is still useful today. We take a look back at the library’s past and what the future may hold.

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets that bring an element of realism to web animation. Full-on recreations to real-world effects.

8 Inspiring Examples of Brand-Related Splash Screens in Web Design

8 Inspiring Examples of Brand-Related Splash Screens in Web Design

Inspiration / Web Design

These beautifully crafted examples of brand-related splash screens all help to support brand identity and maintain design consistency.

How Are In-App Gestures Shaping User Experience?

How Are In-App Gestures Shaping User Experience?

UX Design / Web Design

The impact of in-app gestures on user experience, and how to implement them for intuitive navigation.

Using Images to Improve the CSS Hover Effect

Using Images to Improve the CSS Hover Effect

CSS

Hover is one of the oldest selectors in the CSS family. While we are accustomed to believing that it only pairs up beautifully with a link, in fact it can…

The Tiny Short Animation Trend in Web Design

The Tiny Short Animation Trend in Web Design

Inspiration / Video & Motion Design / Web Design

We share some fantastic examples of short animations in web design. They make projects look stylish and the user experience enjoyable.

Attack of the Blob-Based Animated Backgrounds in Web Design

Attack of the Blob-Based Animated Backgrounds in Web Design

CSS / JavaScript / UI Design

We’ve created this collection of HTML, CSS & JavaScript snippets that will show you how to build your own animated blob-shaped animation background.

10 Coded Animated Scenes for Halloween Design Inspiration

10 Coded Animated Scenes for Halloween Design Inspiration

CSS / JavaScript / UI Design

If you have been hunting around for some Halloween design ideas and inspiration, we have created a collection of animated scenes to help you out. Some of them may give…

Exploring the Beauty and Power of Volumetric Backgrounds in Web Design

Exploring the Beauty and Power of Volumetric Backgrounds in Web Design

Inspiration

Being ingenious products of designer creativity and remarkable development skills, digitally created animations have run the show several years in the row. Do you remember all of those scenes that…

An Ode to Adobe Flash: How It Helped Move the Web Forward

An Ode to Adobe Flash: How It Helped Move the Web Forward

Web Design

Adobe Flash has had a remarkable lifespan on the web. We take a look back at what it has meant for web designers and web technologies in general.

Striking Examples of the Glitch Effect in Web Design

Striking Examples of the Glitch Effect in Web Design

Inspiration

We share some exceptional website examples where the glitch effect improves the user experience rather than ruin it, giving the sites a truly unique appeal.

Bringing the Curtain Effect to Your Website with These Snippets

Bringing the Curtain Effect to Your Website with These Snippets

CSS / JavaScript / UI Design

The curtain effect will not make your design pop or amaze users, but certainly can engage visitors, smarten the design, and enrich the user experience.

Kinetic Typography: Design in Motion

Kinetic Typography: Design in Motion

Video & Motion Design
12