Web Design Trends 81 - Web Design Trends

GradientArt – Advanced CSS Gradient Editor

Advanced CSS Gradient Editor with layers, editing tools and free cloud storage.

LightGallery – javascript gallery for web and mobile

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

A 3D Hover Effect Using CSS Transforms

Creating a hover interaction with Javascript and CSS.

Great UI but Bad UX

This video show about websites overusing creativity and really making the user experience worst for their users, these websites are a perfect example of how the overuse of illustrations/motion/creativity can lead to bad User Experience

Custom Scrollbars In CSS

Custom scrollbars are getting more popular nowadays. There are different reasons why to customize a scrollbar. For example, the default scrollbar can make an app UI look inconsistent across multiple operating systems, and here we can get the benefit of having a unified style.

Splash Page Vs. Landing Page: What’s The Difference

Landing pages and splash pages share some similarities, but each is unique in its own way.

Optical size, the hidden superpower of variable fonts

Variable fonts have a hidden superpower that just not enough people are raving about. This feature will make letters actually change the way they look when shown in small or large sizes. It all happens automatically in the browser. All you need is a variable font with an optical size axis!

Using Performant Next-Gen Images in CSS with image-set

The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().