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!


 

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

25 Examples of Travel Website Design for Tourism

This gallery focuses on incredible travel website design layouts for creative UI design inspiration.
Read More

2021 Freelance Pricing Guide [Basic Tips + Advanced Strategies]

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

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

Artificial intelligence (AI), machine learning (ML), and natural language processing (NLP) are three of the hottest technologies on the marketplace at the momen
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
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 challenges to practice UX design skills.
Read More

25+ Best Simple & Minimalist Fonts in 2021 (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

10 Best Design Podcasts In 2021

Podcasts are a great way to invest your spare or commute time into what you care about, all while building your professional knowledge.
Read More

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

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

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