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

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

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

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! Most
Read More

Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline

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

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