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!
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!
Grab some inspiration from our monthly roundup of the best portfolios launched in the previous four weeks.
Answer these questions and it will help bring the design together.
If you’re looking for ideas, here are some things to consider.
A commonly seen design pattern is to have a card container with other cards underneath it, resulting in a multi-layer stacking effect.
Take a look at some examples of weather UIs that are the design equivalent of a sunny day.
For when you have the production website and the development website up simultaneously.
Look at their history, job market, and learning curve, and other characteristics that will help determine the winner.
Break down the process of creating an excellent landing page, step by step.
Free prototyping tools as well as paid apps and even online prototyping tools to suit your budget and needs.
Some ideas for interactive custom cursor animations using SVG filters.
Some unique and interesting options to use in your design projects.
If you’re a designer or developer, chances are you’ve made the shift to working from home in the past couple of weeks.
An invoice dispute from your client can arise for many reasons. Here are the most common ones you might encounter & how to handle them.
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.
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.
As designers, we need to know how to deal with this issue.
A quick little tutorial on animating text with CSS by making the text an SVG.
A ist of online courses both free and premium.
Tiny cross-browser images, in HTML and React
Styling the scrollbar in the browser can be a valuable way to communicate a company’s brand.
Five git commands or helpers that can make your developer life much better!
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.
All by itself, that range input doesn’t communicate to the user what number they will actually be submitting.
The new collection of recent UI works to keep your creative flow going.
Productivity gets you a higher rate of pay or more web design jobs than other freelancers.
With tips for newly WFH workers and managers, the co-founder of Basecamp reflects on two decades of collaborating remotely as a team and how to manage expectations during transition.
Cover photo courtesy of ShotStash.com
This post may contain affiliate links. See our disclosure about affiliate links here.