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

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
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

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 Daria Kozlenko, a project manager at NIX United. My team is working on an IT product with over 150 people involved. Numerous teams work on this
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

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

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 —
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

22 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?

Like this: <input type="search"> You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not
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

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.
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

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,
Read More