Welcome to another edition of This Week In Web Design, our weekly roundup of articles published in the past seven days related to web design and development. This week we have a wide variety of articles, ready for you to peruse and bookmark to your heart’s extent. So saddle up and take advantage of this curated list!
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!
Break down some of the best tools out there and how they can improve collaboration amongst your remote team.
We have a few ideas that you can borrow, add your creative flair to, and use to spread kindness and happiness.
Learn and understand what React hooks are, the basic React Hooks that are available and also examples of how to write them for your React applications.
Take a look at how to make the custom scrollbar on the CSS-Tricks website.
Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography
How can we combine elements to develop powerful headers and calls to action? How do we use pre-formatted HTML text, and the text element in SVG for precise control over type? How can we optimise SVGs and make SVG text accessible? In this article, we’ll explore just that.
The ::part() selector is now supported in Chrome, Edge, Opera, Safari, and Firefox. We’ll see why it’s useful.
Using custom properties to plan out pure CSS timelines for complex animations.
An effective web form is aesthetically pleasing and yet serves the purpose of creation.
By utilizing these ideas you can save a significant amount of stress and money and get your home office up and running quickly and affordably.
Just use semantic HTML and get styles.
When you keep your PHP up to date, you inherently enhance your website’s performance, security, and SEO.
Take a look at some of the best and most useful plugins you can use to create your own workflows and design systems.
To help you find inspiration for your next app design project, we put together this collection of best app designs.
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
A site that contains good usability can greatly improve the user’s experience when they visit the website and can, therefore, be positive to the user.
Look at four websites that show you exactly what not to do, with some hints and tips for what to do instead.
One of the most important considerations to be kept while including a mega menu design in a website layout is that it should contribute to the UX positively.
The new Composition API, which is available now as a plugin for Vue 2 and an upcoming feature of Vue 3, provides a much better solution for sharing code between your Vue components.
How you can to easily program a small trail of particles with anime.js.
You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right?
Some tips for avoiding the virtual minefield of overlooking simpler solutions.
This article covers the rules of React Hooks and how to effectively start using them in your projects.
We can use some CSS trickery to make the scrollbar fill up as we go.
In this guide, you’ll learn how to take advantage of Visual Studio Code to supercharge your development workflow.
With these, you’ll probably come out of the quarantine with some new programming skills that can take you a long way.
How could you make a CSS motion path responsive?
What web standards are, why we have them, and what you actually need to do with them in web design.
Nowadays we can define variables in a single stylesheet and let CSS do the magic.
Here’s a primer for the tools all web developers should get to know, from basic Bash commands to web browser add-ons that will debug your web apps and automate navigation tests, plus continuous integrations pipelines.
This post may contain affiliate links. See our disclosure about affiliate links here.