In this week’s roundup of all of the web design and development related articles we have a variety of topics, including CSS tips and tricks, new design and development tools, SEO and Core Web Vitals, PHP tutorials, and many more! Make us your weekly pit stop to catch up on the latest news every Friday!

The Freelance Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
All starting at only $16.50 per month


 

Float an Element to the Bottom Corner

Need to lay out an element to the right or the left, such that text wraps around it? That’s an easy task for the float property. But what about if you
Read More

25 Exciting New Tools For Designers, April 2021 | Webdesigner Depot

Rather than spring cleaning, do some spring “shopping” for tools that will make your design life easier. Packed with free options this month, this list is crammed full of tools and elements that you can use in your work every day. Here’s what new for designers this month: April’s Top Picks Charts.css Charts.css makes creating […]
Read More

6 UX Design Examples to Inspire Your Business’s Website

For your online marketing to be successful, you must optimize the user experience on your website. Here are six stunning UX design examples to inspire you!
Read More

The Best Online Graphic Design Software - Vandelay Design

This page may include links to our sponsors or affiliate links. Learn more. When searching for the perfect online graphic design software, you have a large range of tools and software varying in price and for different levels of experience. Some platforms provide custom-made templates and accessible editing functions, and others provide in-depth photo editors....
Read More

JavaScript Generator Functions Made Simple

Generator functions can be handy in some situations. This tutorial will show you what JavaScript generator functions are and how to use them.
Read More

'An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine' /

How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out.
Read More

How Do You “Design” a Virtual Event? Tips & Ideas

Virtual event design can make or break your online event. There are two major parts of an event design. First, the concepts, programming, and run of show elements that encompass the event itself. Second, the visual elements that make a virtual event have a presence with the same “feel”...
Read More

Text Outline Animation with Three.js | Codrops

Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL.
Read More

Why Web Designers Should Learn Multiple Content Management Systems

A few reasons why we think learning multiple CMS can be a good thing for every web designer. Branching out can be a positive experience.
Read More

The Grumpy Designer Wonders: Why Are Clients So Cheap?

We discuss cheap clients and how they limit what a designer can accomplish. And, how we can convince them to see the error in their ways.
Read More

WordPress Checklist: 17 Steps to Launching Your Site

Need help maintaining and optimizing your WordPress website? Here's a simple, easy-to-follow, and information-packed checklist to use.
Read More

Magnetic 3D Grid Interaction with Content Preview | Codrops

A grid layout with a magnetic 3D interaction effect and a content preview animation.
Read More

What Is the Independent Web? | Webdesigner Depot

The term "Independent Web" was coined in 2010. Although a decade has passed, it's become vital that we talk about its impact on consumers and businesses today.
Read More

How to Add a Double Border to SVG Shapes

Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be
Read More

How to make your blog images stand out & reflect your identity by Stéphanie Walter - UX Researcher & Designer.

Stock photos, illustrations, mosaics, abstract patterns: ideas and 40 + tools and real world advice from an experienced designer for better images.
Read More

Intrinsic Typography is the Future of Styling Text on the Web

The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in
Read More

The First Fold: A Story About Tact

The battle for user attention happens in the first fold of a website. It’s no secret anymore – user attention is getting shorter and flakier. What was a 20-minute video earlier has become a 6 second Tik Tok today. Content is getting shorter, snappier and there is so much more conte...
Read More

The Making (and Potential Benefits) of a CSS Font

Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font! Let me elaborate. This is a way to render text without
Read More

Do You Need to Localize Your Website?

Your website reaches the whole world. Which makes the whole world, potentially, your marketplace. But translating your content into other languages may not be enough. Putri Hapsari explains how to …
Read More

10 Free Dashboard Templates for WordPress - SpyreStudios

ree dashboard templates for WordPress are easy to find online. What is great about WordPress as a content management platform is that there are various themes and templates to choose from. 
Read More

How to Build a Website Using WordPress and Gatsby (In 4 Steps)

The Gatsby WordPress integration is now stable. In this post, we share how to use it to build your website in four steps!
Read More

45 Insider Jokes Only Programmers Will Get - Hongkiat

It isn't easy being a programmer. They code all day, debug all night and go through thousands of code lines trying to clear up all possible messes before
Read More

How to List Freelance Work on LinkedIn the Right Way

Find out how to list freelance work on LinkedIn so that you get more opportunities with less effort with this comprehensive guide.
Read More

7 Ways to Use Emotion in Web & Graphic Design Projects

The first impression a user has of your design can make or break their experience and determine if they continue interactions. According to WebFX data, 94% of first impressions relate to the design, making the visual and emotional connection you create of utmost importance. Further, 75 per...
Read More

Still Hoping for Better Native Page Transitions

It would be nice to be able to animate the transition between pages if we want to on the web without resorting to hacks or full-blown architecture choices
Read More

8 Free Portfolio Websites (and 3 Paid Platforms) for Creatives

Are you looking for a website to host your online portfolio? In this post, we explore 15 great sites that will host your portfolio online, and best of all - they're free! Check them out here.
Read More

Using New Gatsby Source WordPress Plugin

In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The
Read More

'Web Design Done Well: The Ordinary Made Extraordinary — Smashing Magazine' /

Sometimes it’s the little things in web life that make us look twice. From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic.
Read More

Beginners Guide To User Experience Testing (Methods and Tools)

User experience is the complete process that enables you to create a good design. By implementing various tools and methods, you can gain insight and collect plenty of data.
Read More

3 Effective Ways To Improve Your Site’s Carbon Footprint | Webdesigner Depot

To mark Earth Day 2021, we’re looking at the ways you can reduce your site’s carbon footprint, while boosting performance, user experience, and SEO.
Read More