Weekly News for Designers № 524

By on January 25th, 2020Designer News

Exploring the Use of Sticky Vertical Navbars – Check out examples of this elegant trend in navigation.
Example from Exploring the Use of Sticky Vertical Navbars

Tiny Helpers – A collection of free single-purpose online tools for web developers.
Example from Tiny Helpers

Using responsive modifiers to control layout changes in your components – Techniques for creating responsive elements with fewer compromises.
Example from Using responsive modifiers to control layout changes in your components

Areas to Be Proactive with Your Web Design Clients – Keeping clients informed about new developments that can affect their website.
Example from Areas to Be Proactive with Your Web Design Clients

BEM Methodology In CSS: A Quick Start Guide – Learn how to name and organize CSS components in a logical, easier-to-maintain way.
Example from BEM Methodology In CSS: A Quick Start Guide

The Role of Animation and Motion in UX – A look at best practices when using animation in your projects.
Example from The Role of Animation and Motion in UX

Design System Checklist – Use this open-source checklist to help you plan, build and grow your design system.
Example from Design System Checklist

The 10 laws of simplicity – Learn how to simplify through author John Maeda’s techniques.
Example from The 10 laws of simplicity

The 10 Best Newsletters for Videographers – Newsletters that will help you grow your business, hone your skills, and provide a few freebies.
Example from The 10 Best Newsletters for Videographers

Liebling – A free, beautiful theme for Ghost that features a dark mode.
Example from Liebling

Things That Will Scare Your Web Design Clients – A look at situations that can cause a panicky client and how to handle them.
Example from Things That Will Scare Your Web Design Clients

Motion – Create animated icons with this app, available for Mac OS and Windows.
Example from Motion

Magical Rainbow Gradients with CSS Houdini and React Hooks – The secrets behind animating a gradient (it’s harder than you think).
Example from Magical Rainbow Gradients with CSS Houdini and React Hooks

The new landing page is to have no landing page at all – Examples of landing page alternatives that get right to the point.
Example from The new landing page is to have no landing page at all

15 Tutorials for Creating Professional Product Mockups in Photoshop – Learn to create amazing mockups with this collection of helpful tutorials.
Example from 15 Tutorials for Creating Professional Product Mockups in Photoshop