Happy Friday and welcome to another edition of our weekly roundup of all the web design and development articles we’ve found that were published in the past seven days. This week’s edition includes topics and tutorials about JavaScript, WordPress, Github, designer’s block, and much more. We hope you find some useful articles here!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!



 

Scroll to an element smoothly (smooth scroll) - JavaScriptSource

We can scroll to given element smoothly (smooth scroll) by passing behavior: 'smooth'.
Read More

Confessions of a Web Developer XIX

It's been a while since I've gotten a few things off of my chest and since I'm always full of peeves and annoyances I thought it was time to unleash: Due
Read More

Creating a Risograph Grain Light Effect in Three.js - Codrops

Learn two ways of applying a creative grain effect to 3D elements in Three.js.
Read More

Hiring WordPress Developers: 4 Practical Ways To Get It Right The First Time

Need extra WordPress development help for your agency or business? We detail four ways to get help, along with the pros and cons of each.
Read More

10 Free WordPress Block Themes That Utilize Full Site Editing

A collection of free WordPress block themes that utilize full site editing (FSE). All themes are easy to customize and offer a lot of flexibility.
Read More

5 Tips for Creating Innovative UX Design

These intangible principles should be in place to guide you through the fairly ambiguous realm of UX design.
Read More

10 Useful GitHub Repositories For Web Developers (2022)

GitHub is a fantastic platform for developers to share open-source projects with the rest of the world. There are several repositories available that may
Read More

6 unexpected ways to overcome 'designer's block'

Win back your creativity and accomplish your design goals with these six unconventional tips.
Read More

Retrieve the value of a CSS rule for the specified element - JavaScriptSource

Use Window.getComputedStyle() to get the value of the CSS rule for the specified element.
Read More

5 Must-Have Elements of a Successful Footer in 2022 | Webdesigner Depot

If you want to know how well-dressed someone is, look at their shoes. Shoes tell you a lot about a person’s style, activities, and choices. We often choose clothes to deceive people about who we are — we want to be brighter, more successful, more relaxed, more adventurous than we actually are. But, our shoes […]
Read More

10 Free Online Tools For Easier CSS Coding - Hongkiat

Writing CSS code is one of the most important responsibilities a web developer regularly does. However, CSS is a fantastic stylesheet language that allows
Read More

How to Get Started as a WordPress Contributor

There are few better ways to find growth in the WordPress community than by becoming a WordPress contributor. You may have used WordPress before, but do
Read More

Using Micro-Interactions to Drive UX | Webdesigner Depot

Micro-interactions effectively communicate brand identity and ethos while strengthening ties with the customer. These habit-forming tools make for a fun and seamless user experience. Facebook’s ‘likes’ and Tinder’s ‘swipes’ are two classic examples. Micro-interactions originated with the need to guide customers who had hit a snag while using a service or a product. The goal […]
Read More

Format a number to a fixed number of decimal places - JavaScriptSource

Format a number to a fixed number of decimal places. Pass in the number of decimal places as an argument
Read More

Best 13 Ways to Manage Time While Working Remotely - noupe

Old English proverb “Time and tide wait for none” implies the enormous importance of time in our day-to-day life. If it comes down to our work activities,
Read More

Tips for designing events or conference websites

A conference provides an excellent chance to build authority in your sector, raise brand recognition, and inspire or entertain both potential and existing customers. Meetups and professional conferences have spread to every business on the planet.
Read More

Tips on Writing Effective Website Documentation for Your Clients

We share some tips for writing outstanding website documentation. The kind of tips your clients will thank you for!
Read More

10 Useful CSS Tricks for Front-end Developers - Stack Diary

CSS is becoming more capable of handling dynamic design features that were often achieved through JavaScript. And these creative CSS tricks are a prime example of that.
Read More

Alternatives to Pagination on Product-Listing Pages

Infinite loading and Show More buttons can provide smooth interaction when loading products.
Read More

A Simple Guide To Quickly Adding File Uploads To Your App With Filestack

Do you need to give your users the ability to upload files in your application? Check out our review of the #1 developer solution: Filestack.
Read More

HTML and CSS in Emails: What Works in 2022?

What HTML and CSS features work for email templates, and how we can make them work for all email clients, in 2022.
Read More

Design by the Decades: Get inspired by 80s graphic design trends

In a time famous for bright neon colors, crazy patterns, and geometric postmodern design, the 80s era of graphic design was far from boring. Get inspired by a collection of modern graphic design inspired by this vibrant era.
Read More

Zoom an image - JavaScriptSource

How to create an image zoomer which allows users to zoom an image using a range slider.
Read More

Best 27 Vuejs Development Tools For Developers

In this article, I will introduce you to vue dev tools for website design and development.
Read More

Return the scroll position of the current page - JavaScriptSource

Use Window.pageXOffset and Window.pageYOffset if they are defined, otherwise Element.scrollLeft and Element.scrollTop.
Read More

The Balance of Design Requirements and Tech Constraints | Viget

As a designer, how do you navigate designing to a strict set of constraints versus taking a more custom approach?
Read More