This Week In Web Design - April 23, 2021

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 also

6 UX Design Examples You Can Use to Grow Your Site's Revenue

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!

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.

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.

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”...

Text Outline Animation with Three.js | Codrops

https://youtu.be/AWoL7OuaO8k In this ALL YOUR HTML coding session you'll learn how to code the text outline effect seen

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.

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.

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.

Magnetic 3D Grid Interaction with Content Preview | Codrops

Today I'd like to share another thumbnail to full view animation with you. This time we have an initial grid with thumbn

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

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.

How to Create a Lifestyle Blog with WordPress - noupe

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

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 terms

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...

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!

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 …

Insider Jokes Only Programmers Will Get

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

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.

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...