Weekly News for Designers № 531

By

Insanely fast redesign exercises – Learn how to grow as a UI designer the quick (but not the easy) way.
Example from Insanely fast redesign exercises

CSS-only fluid modular type scales – Create a type scale that sizes perfectly on both large and small screens.
Example from CSS-only fluid modular type scales

Why Wrangling User Data in WordPress Can Be a Nightmare – User data can be stored in multiple places. Putting it all together can be difficult.
Example from Why Wrangling User Data in WordPress Can Be a Nightmare

Google Fonts + Variable Fonts – Google Fonts has a new design and a way to search for variable fonts.
Example from Google Fonts + Variable Fonts

Distorted Link Effects with SVG Filters – Create some unique decorative link effects that stand out.
Example from Distorted Link Effects with SVG Filters

A Variable Fonts Primer – Learn everything you need to take advantage of this typographic phenomenon.
Example from A Variable Fonts Primer

Celestial Code Snippets That Celebrate the Sky and Outer Space – Explore these examples that use the heavens as an interactive design feature.
Example from Celestial Code Snippets That Celebrate the Sky and Outer Space

20 Free Bootstrap Admin & Dashboard Templates – Check out this collection of beautiful dashboards for your next project.
Example from 20 Free Bootstrap Admin & Dashboard Templates

Learn Box Alignment – Get the lowdown on how alignment works for both CSS Grid and Flexbox.
Example from Learn Box Alignment

MoreToggles.css – A pure CSS library that provides you with stylish toggles.
Example from MoreToggles.css

Neumorphism UI kit – Grab this free kit, featuring over 30 screens and that sweet Neumorphism style.
Example from Neumorphism UI kit

How to Let Go of That Failing Creative Idea – Learn to tell the difference between a bad idea and one worth keeping around.
Example from How to Let Go of That Failing Creative Idea

A little bit of CSS micro-interactions and some cards – Follow this tutorial to create a stunning interactive card layout.
Example from A little bit of CSS micro-interactions and some cards

Why You Shouldn’t Use Solid or Underlined Text Fields – Hint: This styling creates real usability concerns.
Example from Why You Shouldn’t Use Solid or Underlined Text Fields

cosha – A collection of colorful shadows for your images.
Example from cosha

Starter Email Template – Use this modular template to design beautiful emails.
Example from Starter Email Template

Remix Icon – A free set of open-source neutral-style system symbols elaborately crafted for designers and developers.
Example from Remix Icon

20 Free Nature Brushes for Photoshop – Add a natural touch to your images with these free brushes.
Example from 20 Free Nature Brushes for Photoshop