Character of web design trends

Web Design Trends #37

Contrast-based color generator | Landing template for startups | Top 10 Web Design Trends of 2020 | Building responsive layouts | Collection of patterns made in CSS | Accessible Brand Colors

headlines

Leonardo, an open source contrast-based color generator

Leonardo, an open source contrast-based color generator

Create accessible, and adaptive color systems using contrast-ratio based generated colors


headlines

freebies

Landing template for startups

Landing template for startups

A free landing page by Venus


freebies

inspiration

Top 10 Web Design Trends of 2020

Top 10 Web Design Trends of 2020

Video by Chris Hawkes


inspiration

resources

Building responsive layouts

Building responsive layouts

Building responsive layouts by Una Kravets


resources
Collection of patterns made in CSS

Collection of patterns made in CSS

All covers are made with CSS only - by CSS Layout


resources

codepen

Infinite draggable webgl slider

Infinite draggable webgl slider

A pen by Jesper Landberg


codepen

tools

Accessible Brand Colors

Accessible Brand Colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.


tools
React Dashboard Kit - Vibe

React Dashboard Kit - Vibe

Discover this UI dashboard framework that will help speed up your next web application project.


tools

articles

  • 10 Web Design Trends by 2020

    The biggest question in the web design industry at the end of every year is often, “What’s next?” 2020 brings trends that aren’t necessarily new, but are evolved and redefined in a way that can’t be ignored moving forward. By Wally David
  • Design Tool Survey

    Over 3,000 designers share their tools of choice in this annual survey.
  • Beautiful Scrolling Experiences – Without Libraries

    One area where the web has traditionally lagged behind native platforms is the perceived “slickness” of the app experience. In part, this perception comes from the way the UI responds to user interactions – including the act of scrolling through content.

Latest Issues

Never miss an issue of web design newsletter. Subscribe!


Subscribe

Web Design Trends, Web Resources & Inspiration


.