Weekly News for Designers № 581

Envato Elements

Finding and Using Your Own Design Voice – Creative professionals of all stripes struggle with developing their own unique way to express their ideas.
Example from Finding and Using Your Own Design Voice

SmolCSS – Copy and paste these minimal snippets for modern CSS layouts and components.
Example from SmolCSS

Design Trends 2021 – Some predictions on the trends that will rule the design world this year.
Example from Design Trends 2021

Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge) – Use these helpful tips to make better use of your browser’s debugging tools.
Example from Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

Ideas for CSS Button Hover Animations – Who needs JavaScript? You can create beautiful hover animations using pure CSS.
Example from Ideas for CSS Button Hover Animations

Responsive hexagon grid without media query – A surprisingly small amount of code can create a beautiful hexagon grid layout.
Example from Responsive hexagon grid without media query

Maximally optimizing image loading for the web in 2021 – A collection of 8 image loading techniques to optimize bandwidth and CPU usage.
Example from Maximally optimizing image loading for the web in 2021

Ray.so – Use this tool to create images of your code snippets.
Example from Ray.so

What COVID-19 Vaccine Scheduling Can Teach Designers – How an uneven user experience can have serious consequences.
Example from What COVID-19 Vaccine Scheduling Can Teach Designers

The State of User Research 2021 Report – Learn what 525 user researchers in 44 countries had to say about their work.
Example from The State of User Research 2021 Report

Tips for Maintaining a Legacy WordPress Website – Older WordPress websites often have special needs.
Example from Tips for Maintaining a Legacy WordPress Website

CSS Border Font – Check out this Bauhaus-inspired font that takes advantage of CSS.
Example from CSS Border Font

Figma Crypto Icons – Grab this free set of 400+ crypto icons for use in your projects.
Example from Figma Crypto Icons

HTML Boilerplates – An online tool for generating and downloading a custom HTML boilerplate.
Example from HTML Boilerplates

Iconify – Upload your image and let this tool generate a custom set of app icons.
Example from Iconify

Loops – A collection of looped animations featuring beautiful 3D shapes.
Example from Loops