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

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

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

Don’t Launch a WordPress Site Before You Go Through This 17-Step Checklist

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

How to Add a Double Border to SVG Shapes | CSS-Tricks

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 designer & Mobile Expert.

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

How to Create a Lifestyle Blog with WordPress

Undoubtedly, lifestyle and fashion bloggers require a blog that is visually appealing and stands out. Features, such as elegant galleries, beautiful typography,
Read More

Intrinsic Typography is the Future of Styling Text on the Web | CSS-Tricks

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

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

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

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 (Part 1) — 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

Tips to Keep Your Creative Team Engaged

Team effort can either make or break the success of any type of project. Members’ engagement is directly proportional to the chances of leading the project to
Read More