We’re kicking off the month of June with another edition of This Week In Web Design, our roundup of all the web design and development related articles that were published in the past seven days. This week we have topics that include style guides, UX design, Three.js tutorials, and even trigonometry (yes, you read that right).

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


 

UX tips & tools: How to give your customers a sleeker user experience

UX tips and tools to help you understand your customers, create a better user experience, and ultimately increase conversions.
Read More

FBO Particles with Three.js - Codrops

Learn how to code the particle cloud seen on the website of Visualdata using Three.js.
Read More

How to Start a Web Design Business With No Portfolio and Little Experience

Learn how starting a web design business with no portfolio works, so you can get your freelance web design business started.
Read More

How to Create a Disruptive Design (So It Will Get Seen)

If you really want to create a design that will make people look, it has to be disruptive. While “disruptive” can be a bit of a hackneyed catchphrase, it is also at the core of what you do when you create something new. The goal is to get people to stop, look, and interact. Disruption ...
Read More

Best of the web for Design and Web Development May 2021 | Creative Nerds

Time is flying by another month has concluded. This post if your new to the series is our monthly roundup where we showcase all the best tutorials and web & design articles created through out the month. The roundup includes a great compilation of Photoshop and illustrator tutorials from how to create a distressed text […]
Read More

10 Best Websites to Learn Coding For Beginners - Hongkiat

Gone are the days when programming languages could only be mastered programmers like Bill Gates, who later got to dominate the world by storm. Now
Read More

Front-End Testing is For Everyone

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to
Read More

Trigonometry in CSS and JavaScript: Introduction to Trigonometry - Codrops

In this series of articles we’ll get an overview of trigonometry, understand how it can be useful, and delve into some creative applications in CSS and JavaScript.
Read More

How to Target Design Elements with the CSS :not Pseudo-Class

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.
Read More

Serverless Functions: The Secret to Ultra-Productive Front-End Teams

Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion's share of that work is falling to front-end
Read More

Is It Time to Reset HTML? | Webdesigner Depot

Deprecated and repurposed legacy HTML can pose a lot of problems for websites in terms of performance, understanding, and accessibility. Here's how to fix it.
Read More

A Crash Course in WordPress Block Filters

Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what
Read More

How Simple, Classic Design Works

Simplifying features and information is one of the most important steps toward creating the best user experience possible.
Read More

The Top 8 Mistakes You’re Making in WordPress - The Media Temple Blog

If you're making these common mistakes with your WordPress sites, you're probably setting yourself up for disaster.
Read More

Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions - Codrops

In the second part of this series on trigonometry, we’ll explore JavaScript trigonometric functions and learn how we can apply them to our CSS code.
Read More

15 Productive Things Designers Can Do with Downtime

This post is intended to show you a sample of things that you could focus on when you do not have enough client work to keep you busy.
Read More

How to practice inclusive design in your daily workflow (6 tips for designers)

If 2020 taught us anything, it's that design has the power to impact humanity. Here are 6 ways to challenge your design thinking and start designing more inclusive experiences.
Read More

Inspirational Websites Roundup #26 - Codrops

Get updated on the latest trends in web design with this new collection of super creative websites.
Read More

2021 Mid-Year Design Trend Report: What’s Still Hot

At the beginning of each year, Design Shack does a roundup of trends that will likely influence the design landscape for the coming year. Now that we are halfway through 2021 (can you believe it?) it’s time to look at which of those trends are thriving and which ones you can pass by. Her...
Read More

Helping Your Clients with Unexplained Website Phenomena

We look at ways to help your clients solve those annoying website mysteries and share some of the most common of these "stranger things."
Read More

What Is Glassmorphism? (With Examples) - SpyreStudios

Glassmorphism, shape design, retrofuturistic – these are just a few of the trendy design concepts of 2021. Design trends are getting cleverer and more intuitive in the recent years.
Read More

What are UX errors of omission and commission?

<p>In UX we naturally try to identify and fix the errors of commission – the flaws we can see on an interface – rather than the errors of omission which result from some content or functionality that is not there but should be. After all its easier to see something that is there than something that’s missing. But errors of omission are no less important and UX professionals and digital managers should beware of these.</p>
Read More

Getting Started with Bootstrap 5, React, and Sass

Get React JS and Bootstrap 5 install and integrate together using npm. Setup Sass for different screen resolutions of your app.
Read More

5 Web Hosting Technology Trends in 2021 - Hongkiat

(Guest writer: Damien Reed) At the moment, around 59% of the entire world's population is on the Internet. According to some predictions, this percentage
Read More

Trigonometry in CSS and JavaScript: Beyond Triangles - Codrops

In part three of our series we’ll look at how to create more interesting shapes with trigonometry, and how to draw them with the Canvas API.
Read More

Weekly News for Designers № 595 - CSS Font Descriptors, Dynamic Favicons in WordPress, UX Micro-Tips

This week’s Designer News – № 595 – includes Dynamic Favicons for WordPress, Helsinki Design System, Generate Your Own Boring Avatars, A New Way To Reduce Font Loading Impact: CSS Font Descriptors, 25 Years of CSS, Giving a Damn About Accessibility, WordPress Turns 18 and loads more.
Read More

Scaling A Startup: A UX Perspective

Although every product owner aspires for growth, there is still no one recipe for scaling up a start-up. Nevertheless, one thing is for sure: due attention has to be paid to UX design. In this article, you will discover what does it mean to embrace a design thinking framework when scaling up a product and how expanding the UX team might be the key to success.
Read More

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries

A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat
Read More