characters

Web Design Trends

Web Design Newsletter #81

GradientArt - Advanced CSS Gradient Editor | LightGallery - javascript gallery for web and mobile | A 3D Hover Effect Using CSS Transforms | Great UI but Bad UX | Custom Scrollbars In CSS | Splash Page Vs. Landing Page: What's The Difference | Optical size, the hidden superpower of variable fonts | Using Performant Next-Gen Images in CSS with image-set

Web Design Trends 81

GradientArt – Advanced CSS Gradient Editor

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

Web Design Trends 81

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.

Web Design Trends 81

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().

Latest Issues

Never miss an issue of web design newsletter. Subscribe!

Testimnial

What others are saying...

My Wife - avatar
Lu
(My Wife)
Website Design Inspiration... Make sure you’re signed up for next weeks.

Star svg Star svg Star svg Star svg Star svg
My Dog - avatar
Cleo
(My Dog)
A great source for being updated with current trends in web design. Give me a cookie!

Star svg Star svg Star svg Star svg Star svg
The Box - avatar
Purple Octopus
(The Boss)
Thanks for share the most helpful and useful resources for web designers.

Star svg Star svg Star svg Star svg Star svg

Subscribe to Newsletter

Web Design Tools, Web Resources, Creative, Animation, Articles, Video, Codepen & Inspiration

.