Midway through April, spring has sprung, and it’s another Friday! So welcome back to this week’s edition of our roundup of every web design and development article we’ve found that was published in the past seven days around the interwebs.

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


 

How to Leverage the Fullscreen API… and Style It

Let’s look at the Fullscreen API in JavaScript. It allows you to do a pretty powerful thing: full screening exactly one particular element you want it to.
Read More

6 SEO Examples to Imitate on Your Business Website

To reach the top Google rankings, you must employ some top-notch SEO tactics — but how do you do that? Here are six SEO examples to light the way!
Read More

Variable Scope, Lexical Scope and Code Blocks in JavaScript

Variable scope, lexical scope and code blocks are things every JavaScript developer works with daily. Learn what you need to know about them.
Read More

Get Ready For Next Month’s Google Shakeup | Webdesigner Depot

Google has been talking about the Core Web Vitals tool and the Page Experience Update for about a year now. With the update scheduled to roll out in May 2021, now is the time to make sure your websites are prepared for it. It’s taking a lot of the best practices Google has recommended over […]
Read More

9 Characteristics of Well-Designed E-Commerce Websites

There are any number of factors that can influence the success of an e-commerce site, and identifying areas of strength and weakness is not always so simple
Read More

'A Complete Guide To HTML Email — Smashing Magazine' /

A complete guide to HTML email templates, tools, resources and guides. Everything you need to know about designing and building HTML Email in 2021.
Read More

Wobbly 2D Physics with Matter.js and Paper.js | Codrops

A recreation of the wobbly shape effect seen on Cédric Pereira's website using Matter.js and Paper.js.
Read More

20 free vintage and retro fonts | Creative Nerds

Good free fonts to use across design projects can be a very challenging task. There some great free fonts out there, and this post is a great compilation of very best free vintage and retro you can download. There’s a broad range of fonts included which are suitable for a range of digital and print […]
Read More

CSS is a Strongly Typed Language

One of the ways you can classify a programming language is by how strongly or weakly typed it is. Here, “typed” means if variables are known at compile
Read More

'Building A Video Streaming App With Nuxt.js, Node And Express — Smashing Magazine' /

In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.
Read More

10 Fun Web Games to Test Your Designing Skills - Hongkiat

Do you find it difficult to find an excuse to take a break from your designing duties? If so, these fiendishly addictive design games are for you. Each
Read More

These Are The Best Code Snippet Managers » CSS Author

Here is the list of best Code Snippet Managers. With these, you will be able to write markdown code Efficient and fast. Your workflow will become much better.
Read More

How to Open .WebP Files in Photoshop - Hongkiat

WebP is a new image file format developed by Google. The main feature of this format is that it gives you a smaller file size compared to the conventional
Read More

Design Systems 101

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across pages and channels.
Read More

Best WordPress Plugins for Dashboard Customization - SpyreStudios

The internet is home to the best WordPress plugins for dashboard customization. There are plugins for branding, changing the aesthetics, creating widgets, and more.
Read More

A Large Risk in the WordPress and WooCommerce Product Business Industry

The biggest risk of building your product around a platform is if the platform does something that doesn't let you work.
Read More

30 Inspiring Web Design Concepts with 3D Graphics | Design4Users

Check the collection of web design examples beautifully activating the power of 3D in a variety of styles, palettes, and artistic approaches.
Read More

10 Best Podcasts For Web Designers in 2021 - Hongkiat

Designing and development are one of the most common professional fields in today's world that are ever changing and updating their technology and have
Read More

Do You Have What it Takes to Be Your Own Boss? Let's Find Out

Here's our breakdown on what it takes to be your own boss, plus how to start taking charge of your own career right now towards boss freedom.
Read More

'Overflow Issues In CSS — Smashing Magazine' /

In this article, we will explore the causes of overflow issues and how to solve them. We will also explore how modern features in the developer tools (DevTools) can make the process of fixing and debugging easier.
Read More

Wix Goes After WordPress: One User’s Take

This isn’t a Coke vs Pepsi type of rivalry. In terms of market share, it’s more like an ant (Wix) flicking a spec of dirt on Godzilla (WordPress).
Read More

How to win more freelance graphic design clients (8 strategies)

Want to start building up your client base? Here are 8 strategies for freelance graphic designers to win more clients and projects.
Read More

Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling

I‘m not sure how this one came about. But, it‘s a story. This article is more about grokking a concept, one that’s going to help you think about your
Read More

A Beginner's Guide to the Latest Bootstrap 5 Utilities - Designmodo

In this comprehensive tutorial we'll show everything you need to know about Bootstrap 5 utilities classes in a practical way.
Read More

Weekly News for Designers № 588 - UX Challenges, Free Frontend Toolkit, Vanilla JavaScript Code Snippets

This week’s Designer News – № 588 – includes 2021 Redesign or: How I Learned to Stop Art Directing and Love the Blog, Frontend Toolkit, Wix and Their Dirty Tricks, Future Proofing CSS Styles, Vanilla JavaScript Code Snippets, Create Focused Screenshots with ProductShot, UX Challenges and a whole lot more!
Read More

The 20 Best Free Icon Fonts for UI Design | JUST™ Creative

Picking the right font for UI design should be easy. With our list of The 20 Best Free Icon Fonts for UI Design, you ensure that your UI project is the best.
Read More

Poll: Is Environmentally Conscious Web Design Really Worth It? | Webdesigner Depot

We’re no longer arguing about whether climate change exists because climate change is now extensively documented. Instead, we’re arguing over whether climate change is a natural cycle or human-accelerated. At this point, the reasonable best-case (yes, best-case) scenario is that global temperatures will rise by 2˚C — if we don’t meet our global emissions targets, […]
Read More

How To Create a High-Converting Website for Your Small Business - Vandelay Design

This page may include links to our sponsors or affiliate links. Learn more. Every website’s ultimate aim is to turn visitors into leads and customers. Unfortunately, when hundreds of variables influence conversion rates, it’s always challenging to know what improvements to make to boost those rates. The best way to find out is to start...
Read More

How to Build a FullStack Serverless HN Clone With Svelte and Fauna

Svelte is a free and open-source front end JavaScript framework that enables developers to build highly performant applications with smaller application
Read More