This week’s roundup of all the web design and development articles we’ve found includes topics covering freelancing, JavaScript, WordPress, Webpack, and other tips, tricks, tutorials, and inspiration. Let’s get to it!

Cover photo courtesy of StartupStockPhotos.com

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


 

5 Motivation Hacks for Freelance Creatives | Inspirationfeed

Freelancing is the absolute dream for many creatives. When you escape the constraints of the 9-5 office life, creativity has a chance to shine. However, while setting your hours, planning your own day, and working from whatever space you desire…
Read More

8 CSS & JavaScript Snippets That Celebrate Spring

A collection of CSS and JavaScript snippets that celebrate spring. Plenty of pastels, flowers, and chicks, and some amazing coding skills too.
Read More

What is Webpack? - Flatlogic Blog

In this article we discuss not only what is webpack but also how to use it and what to look out for while you're at it.
Read More

A Complete Guide To Mobile App Marketing — Smashing Magazine

Standing out among the millions of mobile apps can be challenging, but proper marketing can give you that crucial edge. This piece shares how to start your mobile app marketing strategy and improve it as you go while keeping up with the latest trends in the market.
Read More

7 ways to create more sustainable websites - Pixel Fridge

It’s up to website creators to reduce the internet’s carbon footprint. Here are seven ways to begin making your site more sustainable.
Read More

Exciting New Tools For Designers, March 2022 | Webdesigner Depot

We’re going to have some fun this month. There are so many new tools and resources out there for designers that make life easier, and others are simply enjoyable. Here’s what is new for designers this month … Polka Dot Generator Polka Dot Generator is exactly what you think. Adjust colors, dot size, shadow, and
Read More

Sencha Ext JS: The Most Secure, Fastest, and Full-Featured JavaScript Grid Library - 1stWebDesigner

Does your team require a grid that can handle millions of records? When it comes to incredibly fast data processing, Sencha is the solution!
Read More

Detect the preferred language of the current user - JavaScriptSource

Use Navigator.language or the first value of Navigator.languages if available, otherwise return defaultLang.
Read More

Expanding Rounded Menu Animation | Codrops

Menu animations are something that can elevate a design to another level. There are endless possibilities and they provi
Read More

The recipe for visual identity success: 4 ingredients & how to apply them

Designing a visual identity and preparing a delicious meal have more in common than you think. Try this playful approach the next time you cook up a visual identity design.
Read More

Inspirational Websites Roundup #35 | Codrops

It's the time of the month again for a fresh collection of creative websites! This time we have some new and exciting tr
Read More

Return the largest integer less than or equal to a number - JavaScriptSource

Returns the largest integer (whole number) less than or equal to a number.
Read More

Why Most WordPress Websites Should Be Maintained by a Professional

Why you might not want to hand those maintenance responsibilities over to your client after their WordPress site has launched.
Read More

How You Can Improve the Domain Authority of Your WordPress Site

Here are the six steps that will help you improve domain authority, which is critical to ranking high on search engines.
Read More

Photoshop Tutorial: ‘Pixel Sorting’ Stretched Pixel Glitch Art Effect

In today’s Photoshop tutorial I’m going to show you how to create an abstract piece of artwork using the pixel sorting effect, where coloured pixels of an image are stretched to create a detailed visual effect. Authentic pixel sorting is a type of glitch art that is usually generated by computer code, but we’ll be […]
Read More

A Designer’s Guide to Documenting Accessibility & User Interactions by Stéphanie Walter

Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive
Read More

15 Instantly Helpful Tools and Resources for Designers and Agencies (Updated for 2022 ) | Webdesigner Depot

Experienced web designers are always on the lookout for tools or resources that will (1) introduce them to the latest design trends, (2) enable them to incorporate features and functionalities that will make their products more competitive, (3) allow them to improve their workflows or all the above. Apply one or more of these new […]
Read More

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

Are you ready to bring back the loud colors, dive deep into pop culture, wear everything tie-dye, and venture into the raver’s paradise? Get inspired by graphic design trends of the 90s.
Read More

Claymorphism: Will It Stick Around? — Smashing Magazine

This fresh new design trend has been picking up steam with the rising popularity of colorful inflated 3D graphics in web illustrations and with the latest Virtual Reality projects like “Horizon Worlds”. Let’s see if there is room for Claymorphism on the UI, and how we can create this effect with CSS.
Read More

Remove HTML/XML tags from a string - JavaScriptSource

Use a regular expression to remove HTML/XML tags from a string.
Read More

How to Use Tailwind CSS to Rapidly Develop Snazzy Websites

Tailwind CSS is a powerful CSS framework that can cut down on your development time so you can focus on what's important.
Read More

3 Content Design Trends to Adopt Right Now - The Media Temple Blog

Strong content design is about much more than applying your brand identity or basic design principles. Here are three trends that are influencing the way we can—and should—design content. 
Read More

How to Make Your Web Content Accessible | Viget

If you create web content, even if you never write a line of code or log in to a CMS, you have a role to play in accessibility.
Read More

How to Scale Your Design Process and Improve Handoff | Webdesigner Depot

It’s something every design team dreams about – a better design process and handoff procedure. Your design team is not alone if you are looking for a better solution. Imagine what your workflow would look like if you could forgo the struggles of image-based technology, design and handoff with accurate components that have interactive features.
Read More

6 Simple Steps to a Career in Web Design | Webdesigner Depot

No one likes talking about money. Most of us got into web design because we loved it. But the fact is, we’ve all got bills to pay. If you’re a half-decent designer or a relatively competent developer, then there’s no reason you can’t make a living as a web designer. Here are six simple steps
Read More

Get the largest number from a set of numbers - JavaScriptSource

Math.max() returns the largest number from a set of numbers. Pass each number in as an argument.
Read More

How To Improve Google Core Web Vitals for WordPress | Blog | Convesio

Google’s Core Web Vitals metrics tell you about your WordPress website’s performance, user interaction and overall user experience. It is essential to have high scores if you aim to improve your SERPs and also user retention.
Read More

How to Get Your First Web Design Client - SpyreStudios

There are no easy hacks on how to get your first web design client. It is a long, complicated process but it is always worth it in the end. 
Read More

JavaScript Frameworks: The Best 10 for Modern Web Apps

A brief overview of the most used JavaScript frameworks like Svelte, ReactJS, Vue, SolidJs, Ionic, Angular, NodeJs, Next, LIT, and others.
Read More

How To Build a Recipe Card via the WordPress Block Editor

Last summer, I was on a pattern-creating bender. In two months, I had designed just shy of 100 block patterns. Outside of work and necessary household duties, I spent every waking moment building t…
Read More