We’re back with this week’s roundup of all things web design and development related. This week we have topics including Next.js, WordPress, freelancing, CSS tips and tricks, UX design, and more. Let’s have a look!

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

Starting at only $16.50 per month!



 

UX Design Doesn’t End With Your Website | Webdesigner Depot

User experience design is something that most of us associate with websites. But why isn’t it something we extend beyond the website? Here’s why I ask this: As a consumer, it’s so rare that your only interaction with a brand is through its website. Take an ecommerce site, for example. You buy a product from […]
Read More

A Love Letter to HTML & CSS

I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.
Read More

Curly Tubes from the Lusion Website with Three.js - Codrops

Learn how to replicate the curly tubes from the Lusion website using light scattering in Three.js.
Read More

7 Elements of a Highly Usable Landing Page

A highly usable landing page design is one that compels visitors to act in some way. Sounds pretty simple, right? Many websites include multiple landing pages for different audiences with different conversion goals. Here are seven elements that almost every successful landing page includes...
Read More

5 Ways You Can Contribute to the Web Design Community

We share ideas that will hopefully inspire you to give a little bit of your time and skills to make the web design community a better place.
Read More

How to Create Neon Text With CSS

Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d
Read More

UI Interactions & Animations Roundup #16 - Codrops

Get inspired with this special pick of the best UI animation and interaction shots from the past couple of weeks.
Read More

What Is Rapid Prototyping & Why Use It? (+ 5 Best Tools)

Rapid prototyping is one of the most important segments of the product development process. It’s what ultimately decides how your product will perform and how it will be received by the end-user. Whether you’re working on a mobile app or website design, rapid prototyping should be part...
Read More

An Easy Way to Edit Block Visibility in the WordPress Gutenberg Editor

We share a collection of different ways you might utilize Block Visibility in the WordPress Gutenberg Editor.
Read More

5 SEO Practices for Search Engines Other Than Google Web Developers and Designers Should Follow - SpyreStudios

Although Google may be one of the most popular, there are multiple search engines that are gateways for users to the internet. Of course, just like Google Analytics, there are SEO practices for these search engines as well. How do we learn about SEO practices for search engines other than Google? Google SERP market share […]
Read More

UI vs UX Design: Which career is for you? (2021)

What is the difference between UX and UI and which career path is for you?
Read More

Faster Integration with Web Components

Web components promise speedier integration. At some level, I understood this. I've even made this exact point while advocating for them. And yet, what happened on a recent project surprised me.
Read More

svg-loader: A Different Way to Work With External SVG

SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is
Read More

'Frustrating Design Patterns: Mega-Dropdown Hover Menus — Smashing Magazine' /

Everything to keep in mind when designing and building a mega-dropdown, common pitfalls, hover entry/exit delays, trajectory triangle technique and SVG path exit areas.
Read More

5 design portfolio mistakes that’ll send clients running (in the wrong direction)

Do you want clients and hiring managers to love your portfolio? Are you frustrated that your hard work is going unnoticed?
Read More

Writing self-contained layout components in CSS — allround.io

As developers, when using modern UI libraries and frameworks like React, Vue or Web Components, we often like to write our CSS specifically for a single component. That way we can...
Read More

6 Ways Parallax Still Works in 2021 | Webdesigner Depot

Parallax is a term that is applied loosely and frequently in the world of web design. As a trend, it has been popular and unpopular in equal measures for some time. However, it’s still one of the most valuable tools for animation in the digital world. Parallax creates an illusion of depth when scrolling, a […]
Read More

Choosing colors for mobile app design (5 key principles)

Learn how to choose the right colors for mobile app design along with some visual inspiration to help guide you.
Read More

Tips for UI Design Colors and Color Matching Techniques

Tips and resources for learning how to match design colors for digital interfaces.
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

How to Make Money Writing and Quit Your Day Job in 2021

Freelance writing can be lucrative if you know where to find the best jobs. Here’s what you need to know about how to make money writing.
Read More

The Widening Impact of the Motion Design Industry

<p>While animation remains most prominent in film and television, it’s also proven useful in applications ranging from medical visualizations to microinteractions. What does the motion design industry encompass, how does motion design impact business, and what problems are motion designers uniquely equipped to solve?</p>
Read More

Can We Create a "Resize Hack" With Container Queries?

If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if
Read More

How to find your niche in 4 easy steps

Find your niche easily using our step-by-step guide and examples.
Read More

Weekly News for Designers № 593 - Faster Web Fonts, CSS Methodologies Don’t Work At Scale, CSS Flex Explained

This week’s Designer News – № 593 – includes Building a Personal [Origami] Website in 2021, Iconoir Open-Source Icons, UX Lex Term Glossary, 5 Steps to Faster Web Fonts, Sketch: In 2021 and Beyond, Why Most CSS Methodologies Don't Work At Scale, CSS Flex Explained in 1 Animation and a whole lot more.
Read More

'How To Implement Authentication In Next.js With Auth0 — Smashing Magazine' /

A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.
Read More

JSON in CSS

Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom
Read More

Using Your Emotions to Power Your Creativity » Design.org

Using your emotions to power your creativity can bring depth and meaning to your creative efforts, and to your life in general. Here's how to do it.
Read More

100 Things I Know About Design

<p>Everything there is to know about design and beyond – 100 insights on the rationale behind great design thinking.</p>
Read More

25 Neumorphism UI Design Inspirations and Examples - Super Dev Resources

Neumorphism, or new skeumorphism, is a popular design style that utilizes soft, subtle shadows to make the UI elements stand out from the background. In
Read More