Character of web design trends

Web Design Trends #21

Web Design Newsletter

Bootstrap 4 UI Kit based on Material Design | Cleave.js - Format your input content when you are typing | Pure CSS Drawing Essentials | OneLinePlayer - free web video player | 3d view of color distribution in different color spaces | Make your Google Fonts render faster | Scandinavian Houses: Free Vector Images | Arco Free Font

Material Kit

Material Kit

A Badass Bootstrap 4 UI Kit based on Material Design.

Scandinavian Houses: Free Vector Images

Scandinavian Houses: Free Vector Images

With this handy vector set, build a street of your dream planting adorable house illustrations in Scandinavian style one by one!

ARCO

ARCO

Free Font

Cleave.js

Cleave.js

Format your content when you are typing

Pure CSS Drawing Essentials

Pure CSS Drawing Essentials

The top 5 CSS properties I rely on to produce Pure CSS ar

Color Harmonies

Color Harmonies

3d view of color distribution in different color spaces

Make your Google Fonts render faster

Make your Google Fonts render faster

A tiny script that helps your text to appear a couple seconds earlier

OneLinePlayer

OneLinePlayer

The simplest free web video player without branding and quality loss, which loads 2x faster than others and support HQ previews.

Product Design: Expectations vs Reality

Product Design: Expectations vs Reality

For me, the beauty of designing a product is that it usually never ends up as the first idea you had. Often, the process looks like a complete mess, and you pass through multiple iterations until you get to the ideal state.

Responsive Designs and CSS Custom Properties: Building a Flexible Grid System

Responsive Designs and CSS Custom Properties: Building a Flexible Grid System

As an example, we will build a simple grid system based on flexbox. Grid systems play a vital role in responsive designs. However, building a grid system that is flexible and lightweight at the same time can be a tricky task.

SVG Filter Effects: Moving Forward

SVG Filter Effects: Moving Forward

In this last article of our SVG Filter Effects series, we share a list of useful resources to learn more about SVG Filters.

Decluttering a Landing Page for Better Design and Higher Conversion Rates

Decluttering a Landing Page for Better Design and Higher Conversion Rates

However, with the right UX strategy, it’s significantly easier to set up landing pages for success. Here, we’ll explore four UX concepts centered around decluttering and being direct.

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

.