It’s Friday again! Around here that means it’s time for us to share all the web design and development related articles we’ve found that were published over the past week. From UX to UI, CSS to JavaScript, React to WordPress – you will find it here. So let’s get to it!

Your Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!


 

Accessible Designs Make Better Products: Workday’s Story

<p>How Workday’s Productivity Technology Design team learned to use accessible design practices to ensure we were designing fantastic products that everyone could use.</p>
Read More

How to Create a Globe and Add Cities using Three.js - Codrops

A coding session where you'll learn how to create a globe and add cities to it with Three.js.
Read More

Creating a Smart Navbar With Vanilla JavaScript | CSS-Tricks

Sticky, or fixed, navigation is a popular design choice because it gives users persistent access to navigate the site. On the other hand, it takes up space on
Read More

Getting Started With JavaScript Constructor Functions

JavaScript offers many ways to create objects. Constructor functions are one of them. Learn what constructor functions are and how they work.
Read More

6 Most Common Web Security Vulnerabilities (And How To Tackle Them)

By tackling the most common web security vulnerabilities as discussed in this post, you’ll be able to safeguard your websites.
Read More

5 Top Rated Backend Web Development Tools In 2021 | SpyreStudios

Learn about the top-rated backend web development tools in 2021.
Read More

3 Essential Design Trends, April 2021 | Webdesigner Depot

The best thing about writing about website design trends each month is looking at all the great sites that are being developed. Designers are stretching creatively and exploring new techniques and ways of doing things all the time. It’s refreshing and inspiring. This month, some of those trends include a style that nods to brutalism, […]
Read More

How to Price Your Freelance Work for Best Results

If you're doubting your freelance pricing, you'd better read this article to know different ways to price your services with minimum problems.
Read More

How Modernizr Can Help You Implement CSS Fallbacks

For websites that have a significant number of users with older browsers, we show you how to utilize the Modernizr feature detection library.
Read More

Love, Hate & Pop-Ups: How to Use Them Well

The first response you’ll hear from others about using pop-ups on your website is a long sigh. Many people discount the idea before it really gets off the ground, but when done well, pop-ups are a valuable conversion tool for websites. (Note the phrase “when done well.”) They get a b...
Read More

Top 14 skills every web designer needs to get hired 2021

What skills do you need to become a hireable web designer? Here's a complete checklist of skills you need to build a successful web design career in 2021.
Read More

Giveaway Emails: Essentials, Best Practices, and Inspiring Examples

Let's dive into its basics and find out how giveaway email newsletter can work for your brand and what you need to do to unlock the potential.
Read More

Gaps? Gasp! | CSS-Tricks

At first, there were flexboxes (the children of a display: flex container). If you wanted them to be visually separate, you had to use content justification
Read More

Identifying and Improving Your Weaknesses as a Web Designer

We try to help you identify your weaknesses as a designer. The goal is to help you figure out areas of concern, as well as those that you might want to ignore.
Read More

10 Ways How You Can Use AI in E-commerce - noupe

Artificial intelligence (AI), machine learning (ML), and natural language processing (NLP) are three of the hottest technologies on the marketplace at the
Read More

Sticky Headers: 5 Ways to Make Them Better

Persistent headers can be useful to users if they are unobtrusive, high-contrast, minimally animated, and fit user needs.
Read More

Understanding browser cookies 🍪

Even though I’ve been doing web things for a while now, I confess I had never dealt with browser cookies other than clicking those cookie notifications on every other website you visit these days.
Read More

Preview to Full Content Page Transition - Codrops

An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
Read More

Roadmap to Being a Successful Freelancer - Doing The Job (Part III) - Hongkiat

You finally got the project and are getting ready to get started. Little do you know that working from home will present its own sets of problems. Don't
Read More

Comparing the New Generation of Build Tools | CSS-Tricks

A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the
Read More

Design Trend: We’re Still in Love With Gradients (And They Keep Evolving)

If you are looking for a design trend that can hold up over time, consider using a gradient. Every time I seem to think this trend might be over, designers come up with new and even better ways to use color variations for immense impact. I’m not sure this trend will ever get old because ...
Read More

60 Shopping Cart UI For Your Inspiration - Hongkiat

One of the most important elements in an ecommerce website is the shopping cart. The design and functionality of the shopping cart plays a major role in
Read More

UX Design Challenges

A set of real-world challenges to practice crucial UX design skills. Train yourself in product design and take away portfolio-worthy deliverables.
Read More

35+ Best Simple & Minimalist Fonts in 2022 (Free & Premium)

Minimalist design is a popular trend these days. Most designers go for a clean and simple look in their projects as it makes designs look more professional and attractive. But finding the perfect minimal font to go with such a design is always challenging. To help you speed up the process,...
Read More

15 Webinars about Web Design You Should Not Miss for 2021 - SpyreStudios

If you are feeling inspired to learn about the latest events in the industry, attending web design webinars might be the best idea.
Read More

7 Skills You Need To Thrive As A Web Designer In 2021 | Webdesigner Depot

Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career. While the tools we use, the terminology […]
Read More

15 Best CSS Auditing Tools for Developers

A well-performing website has to meet a number of parameters decided by search engines, developers, and designers. Building and maintaining a website is a huge task, and it requires great precision...
Read More

12 Best Design Podcasts To Keep You Inspired At Home

Podcasts have gained extreme popularity over the last decade due to factors such as diversity in choice and convenience.
Read More

Font Psychology: Here's Everything You Need to Know About Fonts

Using font psychology to build upon your site’s design can drive user experience and improve conversion. Fonts are potent elements within web design that can provoke emotions, direct attention, or even guide the user towards action.
Read More

How to create a digital story in WordPress

Digital storytelling is a big part of marketing nowadays. If you want to create your own digital story in WordPress, this post tells you how!
Read More

Headless Form Submission With the WordPress REST API | CSS-Tricks

If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that
Read More

Mobile UX Trends: The Current State of Mobile UX (15 Common Pitfalls & Best Practices)

Our latest benchmark of Mobile UX reveals that 54% of e-commerce sites still have severe Mobile UX issues — leading to users abandoning their Mobile shopping experience. Here are 15 common Mobile UX pitfalls.
Read More

Weekly News for Designers № 587 - CSS Filters Generator, Free Figma UI Kit, Design Better Icons, The Junior Designer Starter Pack

This week’s Designer News – № 587 – includes The Junior Designer Starter Pack, How to Design Better Icons, Freebie SWM Icon Pack, CSS Filters Generator, CSS Container Queries are Actually Coming, Web Accessibility Overlay Fact Sheet, Lots of Free UI Downloads and tons more!
Read More

How To Make Designs That Suck: Bad Advice for Designers | Shakuro

What makes an awful design? 17 ways to create user interfaces of exceptionally poor quality. Read our list of bad advice for designers and learn what to avoid.
Read More