It’s Friday again, and it’s the first of April, but you won’t find any April Fools’ pranks or tricks here! Instead, we have another roundup of all the web design and development related articles we’ve found that were published in the past seven days. So kick of the new month with some interesting reading!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!



 

5 Logos We’d Love to See Redesigned in 2022 (And Why)

Sometimes a logo just doesn’t work. It happens to everyone from startups to major brands. (You’ll definitely know when you see these logos.) Maybe it’s too complex. Maybe it’s too generic and similar to other logos. Or maybe it’s just not dating in a timeless way. So,...
Read More

8 CSS & JavaScript Snippets for Creating Modern Blog Layouts

A collection of stunning CSS and JavaScript code snippets for creating modern blog homepages and single posts layouts.
Read More

15 Best New Fonts, April 2022 | Webdesigner Depot

This month’s collection of the best new fonts is headed in a lighter and quirkier direction than previous months. What’s more, font foundries seem to be getting more creative with their designs as many of these fonts come with alternative stylistic sets, giving you more control over the resulting typeface. If you’re looking for some […]
Read More

A Complete SEO Checklist for Website Owners

SEO is a broad discipline and ranking factors are changed and updated regularly. Use this comprehensive SEO checklist to stay ahead.
Read More

Building an Interactive Sparkline Graph with D3 - Codrops

Learn how to build an interactive line graph using the D3 JavaScript library and CSS custom properties to create different color schemes.
Read More

5 things I wish I knew when I started freelance designing

New to freelance design? In this guest post by freelancer Emily Melling, get tips and advice to guide you along your new freelancing journey.
Read More

The Easy Way to Host Google Fonts Locally

If you are looking to host Google Fonts locally, we'll introduce you to a quick and easy way to implement them.
Read More

Understanding Layout Algorithms

As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.
Read More

6 Useful Bookmarklets to Boost Web Development | CSS-Tricks

I’d like to show you some hacks to aid your web development workflow and how to convert those hacks into time-saving bookmarklets.
Read More

Designing A Better Infinite Scroll — Smashing Magazine

Best practices and guidelines to improve the UX of infinite scroll with bookmarks, footer reveal and pagination.
Read More

Minimal CSS Frameworks: 10 Great Choices - Stack Diary

Summary » CSS frameworks provide the means to speed up the process of scaling website and app designs. But, generally, the majority of CSS frameworks come packed to the brim with features that often don’t see the light of day. Thankfully, there are plenty of minimal / lightweight solutions for simpler projects. When someone mentions the …
Read More

Smooth Scroll to the Top of the Page With JavaScript - JavaScriptSource

Get distance from top using Document.documentElement or Document.body and Element.scrollTop.
Read More

Helvetica: Overused Cliché or Modernist Classic? | Webdesigner Depot

Few fonts in the world have become a part of the cultural landscape that they have an entire documentary film and a MOMA exhibition made about them. Helvetica, however, is different. It has been the go-to font for everyone from government agencies to hip pop-up shops whenever clean and modern text is called for. It […]
Read More

Fresh Resources for Web Designers and Developers (March 2022) - Hongkiat

PHP, despite being dubbed as a "dead" language, keeps improving over the years. With the latest release of PHP 8.1, a lot of new features have been added
Read More

5 Ways to Create the Duotone Effect in Photoshop

In today’s Photoshop tutorial I’m going to show you 5 ways to create the trendy Duotone look, the colourful photo effect where the shadows and highlights of an image are replaced with vibrant contrasting hues. This effect was popularised by the music app Spotify when it used the duotone effect in its promotional imagery of […]
Read More

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties | CSS-Tricks

We recently covered creating fancy borders with CSS, and now we are going to cut the corners with gradients and CSS masks!
Read More

Add items to an array in JavaScript - JavaScriptSource

Add items to an array. Pass the new items in as arguments.
Read More

How to design award-winning websites with no code on Tilda: Full review

Having award-winning websites in your portfolio is a great way to gain trust among customers and recognition in the industry. In this post, learn how to create one-of-a-kind websites without code using Tilda.
Read More

What a Call to Action is and Examples of CTAs That Convert - noupe

Call to action examples for every industry, no matter your goal. An updated look on what is a call to action from Noupe and how to use today’s trends.
Read More

Generate a random number in a given range with JavaScript - JavaScriptSource

The following snippet returns a random number between min (inclusive) and max (exclusive).
Read More

Exciting Design Specialties to Broaden Your Skill Set

What should you focus on when learning new skills? Here are five exciting design specialties that will help broaden your skillset.
Read More