We’re kicking off the first Friday of November with another roundup of all the web design and development articles we’ve found that were published in the past seven days. This week’s articles include JavaScript resources and snippets, navigation tips and tricks, UX and UI design, design systems, and many more topics. Let’s check them out!
UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets
Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!

CSS-ing Candy Ghost Buttons | CSS-Tricks
Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have
Read More 
A Simple Introduction to JavaScript Iterators
Learn what JavaScript iterators are, what types of iterators are available and how work with them, using tools like for...of loop, spread...
Read More 
Client collaboration during web development
Web developer-client collaboration has become the most important focal point of web development. Collaborating with clients effectively allows the developers to build websites that are better suited to the business...
Read More 
How to Get the Query String in JavaScript - JavaScriptSource
When you’re working with JavaScript, sometimes you need to access query string parameters in your script.
Read More 
8 CSS & JavaScript Snippets for Creating Incredible Lighting & Shading Effects
A collection of lighting and shading effect CSS & JavaScript snippets for recreating the incredible effects we see in modern video games.
Read More 
UX Case Study: Encouraging Secondary Research in Design
Clear processes for secondary research are rare. Some ideas on how to improve the way designers collect and document existing knowledge.
Read More 
SVG Overlay and Infinite Menu Background Animation - Codrops
A little menu effect with an SVG overlay and an infinite background CSS animation.
Read More 
How to loop through arrays and array-like objects in JavaScript - JavaScriptSource
Here is how to loop through arrays and array-like objects using JavaScript.
Read More 
How to Save 3 Weeks of Development Time with Asynchronous Concept Testing
An internal case study of Sprig using their all-in-one research platform to concept test a new feature. Get inspired to use Concept Testing to speed up your own product design process.
Read More 
Buttons vs. Links | CSS-Tricks
There are thousands of articles out there about buttons and links on the web; the differences and how to use them properly. Hey, I don't mind. I wrote my own
Read More 
3 Essential Design Trends, November 2021 | Webdesigner Depot
As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches. From peek-a-boo designs with neat animated elements to vertical bars to brutalist blocks, there are […]
Read More 
27 PHP/MySQL Tutorials for Building Web Applications - SpyreStudios
I've collected 27 brilliant tutorials which are perfect for beginner-to-intermediate web developers. You can pick up programming knowledge.
Read More 
Despite Its Critics, jQuery Forges Ahead
jQuery has made a huge impact on the web and is still useful today. We take a look back at the library’s past and what the future may hold.
Read More 
Get the default value of a CSS property with JavaScript - JavaScriptSource
The following function returns the default value of CSS property for given tagName.
Read More 
The Value of Design Systems Study: Developer Efficiency and Design Consistency
We tested the ROI of design systems and found that they increase developer efficiency, create design consistency, and might even have an impact on the accessibility of the code.
Read More 
5 Tips for Designing Great Website Navigation | Webdesigner Depot
Navigation is one of the most essential elements of a website. It provides a high-level overview of what visitors will find there (which also happens to be good for SEO). It helps visitors orient themselves so they can get around the site quickly. Plus, it enables them to take quick action like visiting their cart […]
Read More 
Getting out of the Freelance Pricing Trap
As there are so many things you already have to deal with as a freelancer, you really want to avoid stumbling into the freelance pricing trap.
Read More 
Rebase vs. Merge: Integrating Changes in Git | CSS-Tricks
This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
Read More 
Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline | CSS-Tricks
The Scroll-linked Animations specification is an upcoming and experimental addition that allows us to link animation-progress to scroll-progress: as you
Read More 
The best VS Code extensions for JavaScript developers
A collection with the best VS Code extension for JavaScript developers.
Read More 
Javascript Conditionals Explained - JavaScriptSource
Conditional statements control behavior in JavaScript and determine whether or not pieces of code can run.
Read More 
5 steps to becoming an award-winning designer
Head of Design at Logitech shares his top tips for making the most out of your design career. Keep reading for insights from the product designer behind the world’s number 1 mouse: MX Master 3.
Read More 
Email Design Trends for 2022
Discover the best email design trends for 2022 to remain on top of the game and help your business advance in email marketing.
Read More 
How To Improve UX With Sketching | Webdesigner Depot
Is sketching essential to UX and UI designers? Well, if you think of sketching as a way to explore problems and record potential solutions, then yes, it absolutely is. One of the most challenging tasks of any design process is capturing the initial idea. We’ve all spent countless hours thinking through an innovative solution to […]
Read More 
Get the currently selected text with JavaScript - JavaScriptSource
Use Window.getSelection() and Selection.toString() to get the currently selected text.
Read More 
20 Awesome Figma Plugins to improve your Workflow
In this article I've compiled 20 Figma plugins that I've used extensively, and that have helped improve my workflow considerably.
Read More 
How to Create an Animated Chart of Nested Squares Using Masks | CSS-Tricks
We have many well-known chart types: bar, donut, line, pie, you name it. All popular chart libraries support these. Then there are the chart types that do not
Read More