Tutorials, tools, and tricks – oh my! This edition of our weekly roundup of every web design and development related article we’ve found that was published in the past seven days has them all, and more. Ready, set, go!
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!

Exciting New Tools For Designers, November 2021 | Webdesigner Depot
With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, […]
Read More 
A Short Introduction to Pipeline Operator, and Piping, in JavaScript
Pipeline operator is well-known in functional programming. Learn what pipeline operator and piping are and how to use them in JavaScript.
Read More 
The Power of Automating WordPress
We introduce you to some WordPress automation tools, and using some basic examples, we demonstrate what they can do for you.
Read More 
JavaScript Arrays Explained - JavaScriptSource
Arrays are container-like values that can hold other values. The values inside an array are called elements.
Read More 
Other Looks at the Conditional Border Radius Trick | CSS-Tricks
Remember when Ahmad Shadeed wrote about that border-radius "toggle" he found in Facebook's CSS? It was interesting! I covered it. A few weeks after that surge
Read More 
UX Design Psychology Tricks for Design Excellence
Human brain processes information as well as how it forms certain patterns of behavior. Discover cognitive psychology tips for UX.
Read More 
3 Best Tools For the Most Effective UX/UI Heuristics Evaluation - SpyreStudios
Have you ever heard of a UX/UI audit? Heuristics evaluations may be the best tool for this. The heuristics evaluation of UX/UI is an examination of not just how users respond to using a website or software but also of the entire system. Thankfully, for UX/UI designers, there are tools available for UX/UI heuristics evaluations. […]
Read More 
Return the current URL - JavaScriptSource
Use Window.location.href to get the URL of the current page.
Read More 
Dear New Design Grads
Former hiring manager at Google and CEO of Playbook.com, Jessica Ko, shares her expert tips and advice for new design grads and job seekers.
Read More 
Design Systems are for user interfaces
We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design system." The reality is that a design system is a multi-faceted layer cake, and also operates as part of o
Read More 
Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library | CSS-Tricks
Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color
Read More 
17 Deliciously Pretty Candy Websites for National Candy Day - SpyreStudios
Candy is a normal design theme, but designing a candy website for National Candy Day is not too common. As designers, we have designed for education, fashion, and all that. But, candy? It is quite a rare design project.
Read More 
How to Manage Clients? Tips From An Experienced Project Manager - Hongkiat
I'm a project manager at NIX United. My team is working on an IT product with over 150 people involved. Numerous teams work on this product, including a
Read More 
Slideshow with Filter Reveal Effect - Codrops
A slideshow page layout with a filter enhanced navigation effect on the images.
Read More 
Remove Duplicates From an Array - JavaScriptSource
To remove duplicates from an array, you can convert it to a set, and then back to an array.
Read More 
How WordPress Full Site Editing Could Impact the Design Process
The way we design and build WordPress themes is evolving. With the introduction of Full Site Editing (FSE), it is now possible to change every aspect of a site’s look...
Read More 
How Designers Can Prevent User Errors
There are lots of practical ways designers can help users avoid mistakes.
Read More 
A Clever Sticky Footer Technique | CSS-Tricks
Upon hearing "sticky footer" these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen
Read More 
Generate a Pull Request of Static Content With a Simple HTML Form | CSS-Tricks
Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are
Read More 
A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine
In this article, we’ll take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.
Read More 
Best Practices in UI Testing
When working on software, the user interface matters more than you might think. No matter how incredibly efficient and groundbreaking the backend might be, a shoddy UI can sink a...
Read More 
Get the computed style of an element - JavaScriptSource
Get the actual computed style of an element. This factors in browser default stylesheets as well as external styles you’ve specified.
Read More 
How to Push Through Your Creative Blocks » Design.org
At some point or another, every creative feels blocked. If you can learn how to push through your creative blocks, your creativity will thrive.
Read More 
23 Impressive Web Design Concepts for Various Business Objectives
A diverse collection of elegant web design examples created to impress and support visitors as well as to help businesses grow and satisfy their clients.
Read More 
Can I Copyright My Website Design? A Crash Course on Copyright Laws
After completing your website design, you will want to protect your work from being used by others without your permission. One option is to register the copyright in your website...
Read More 
What do you get for using a search input type? | CSS-Tricks
Like this: <input type="search">
Read More 
The Creator Economy Tech Stack: 160+ Apps, Tools, and Platforms Powering Creator Businesses
The creator economy tech stack is a selection of apps, tools, and platforms online creators use to power their businesses—from Shopify to Snapchat.
Read More 
The Many Faces of VS Code in the Browser | CSS-Tricks
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it's mostly used a local app that's installed on your machine. That's
Read More 
Highlight an element when dragging a file over it - JavaScriptSource
We will highlight the element when user drags a file over it. The element will have a dashed border which can be simulated by a CSS class.
Read More 
WordPress SEO for Enterprise: Top Tips & Best Practices [Podcast]
WordPress is a great CMS solution for large organizations. Shelly Fagin answers the big WordPress SEO questions enterprise WordPress users often ask.
Read More 
PHP Date and Time Recipes | CSS-Tricks
Dealing with dates and times is one of those things that can frustrate programmers a lot. At the same time, they are fundamental to software development, used
Read More