This Week In Web Design – March 27, 2020

Welcome to another edition of “This Week In Web Design”, where we share with you all of the web design and development articles we’ve found that were published this past week. Chances are, if you weren’t already, you are probably working from home or maybe not working much at all. In either case, here is some quality reading for you to peruse in your efforts to continually grow your skills and knowledge in web design. Enjoy, stay safe, and stay healthy!

Introducing 15 Best New Portfolios, March 2020

Grab some inspiration from our monthly roundup of the best portfolios launched in the previous four weeks.

7 Tips for Developing a Website Redesign Strategy

Answer these questions and it will help bring the design together.

What Print and Promotional Materials do Web Designers Need?

If you’re looking for ideas, here are some things to consider.

Quick Tip: How to Build a Simple Stack Hover Effect With CSS

A commonly seen design pattern is to have a card container with other cards underneath it, resulting in a multi-layer stacking effect.

Design Thinking: Levelling the playing field for non-designers

8 Fantastic Examples of CSS & JS Weather Widgets

Take a look at some examples of weather UIs that are the design equivalent of a sunny day.

Different Favicon for Development

For when you have the production website and the development website up simultaneously.

Vue vs. Angular Comparison – What Framework to Choose?

Look at their history, job market, and learning curve, and other characteristics that will help determine the winner.

4 Step Process for Testing New Product Ideas with Landing Pages

Break down the process of creating an excellent landing page, step by step.

10 Best Prototyping Tools for Designers 2020

Free prototyping tools as well as paid apps and even online prototyping tools to suit your budget and needs.

Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable

Animated Custom Cursor Effects

Some ideas for interactive custom cursor animations using SVG filters.

30+ Fun and Playful Fonts For Web Design In Spring 2020

Some unique and interesting options to use in your design projects.

Graphic Design Terminology: A Go to Guide & Glossary

Make Working from Home Successful: Resources for Remote Teams

If you’re a designer or developer, chances are you’ve made the shift to working from home in the past couple of weeks.

How to Handle A Client Invoice Dispute + Avoid it From Happening Again

An invoice dispute from your client can arise for many reasons. Here are the most common ones you might encounter & how to handle them.

Design Trend: 3D Geometry

Three-dimensional shapes and geometry add depth and visual interest to the digital space. Maybe that’s why this is a trending website design technique.

How to Manage Your Freelance Finances During a Crisis

It’s easy to panic in the midst of a crisis. But just like anything else with your business, a well-laid plan can help you smoothly navigate it.

Collaborating with Stakeholders to reduce design complexity

As designers, we need to know how to deal with this issue.

How to Animate Text with SVG and CSS

A quick little tutorial on animating text with CSS by making the text an SVG.

Learn How to Become a Web Designer With These Online Courses

A ist of online courses both free and premium.

Embracing modern image formats

Tiny cross-browser images, in HTML and React

Styling Scrollbars with CSS: The Modern Way to Style Scrollbars

Styling the scrollbar in the browser can be a valuable way to communicate a company’s brand.

5 Essential git Commands and Utilities

Five git commands or helpers that can make your developer life much better!

How to Repeat Text as a Background Image in CSS Using element()

Enable the use of any HTML element as a background image, whether it be a single button element, or an entire div full of content.