Best of the web for Design and Web Development November 2022

• November 28th, 2022
• News

Where almost close to the end of year. In our monthly tradition we are roundup all the best design tutorials and web articles published through out the month of November. Theres a great collection of Photoshop tutorials from how to dehaze a photo in Photoshop to creating a fish eye effect. The second half of the post features some must read articles from an interactive guide to flexbox to how to create a perfect mobile navigation UX.

Create Awesome Planet Explosion Effect in Photoshop

In this tutorial, I will show the methods you can use to create this awesome planet explosion effect in Photoshop. We will use a few simple manipulation and selection techniques, mixing with custom brush painting and finally, adjustment layers for adding colors.

How to Dehaze a Photo in Photoshop

In this tutorial, you’ll learn how to dehaze a photo in Photoshop. I’ll explain everything in so much detail that everyone can dehaze a photo in Photoshop, even those who have just opened Photoshop for the first time.

How to Make a Fisheye Effect in Photoshop

You’ll be creating a fisheye effect in Photoshop using only two filters. This fisheye filter works on both landscapes and portraits! 

How to create dramatic matte effect using Photoshop

This short Photoshop tutorial shows you how to create a dramatic matte effect, which you can apply to any of your photos. Its a popular effect you can learn in less than a few minutes. Its in the form of a video screencast, so it’s really easy to follow along the tutorial step by step.

Web and Design Articles

Why would anyone need JavaScript generator functions?

Generators are an odd part of the JavaScript language. And some people find them a bit of a puzzle. You might be a successful developer for decades and never feel the need to reach for them. Which raises the question, if you can go so long without ever needing them, what are they good for?

Gatsby 5: The Fastest Gatsby Yet

Building upon the success of previous Gatsby features, Gatsby 5 boasts impressive, bleeding-edge technology to supercharge your sites. Over the past year (like every other), we have been obsessed with build and site performance.

Human-readable date difference in JavaScript

In this article, we will learn how to get the human-readable date difference in JavaScript. We will see how to get the difference between two dates in years, months, days, hours, minutes, and seconds.

Angular v15 is now available!

Over the past year we removed Angular’s legacy compiler and rendering pipeline which enabled the development of a series of developer experience improvements in the past couple of months. Angular v15 is the culmination of this with dozens of refinements which lead to better developer experience and performance.

An Interactive Guide to Flexbox

Flexbox is a remarkably powerful layout mode. When we truly understand how it works, we can build dynamic layouts that respond automatically, rearranging themselves as-needed.

Designing The Perfect Mobile Navigation UX

When designing navigation on mobile, we don’t have to rely on slide-in-menus or nested accordions. We can also use the curtain and billboard design patterns, and show multiple levels of navigation at once.

Advanced On-Page SEO Optimizations — Whiteboard Friday

Typically, when SEOs think about on-page optimizations, they’re thinking about core places to include their target keywords within their content. But how can you take your on-page optimizations to the next level and get beyond some of those basic tactics? In today’s episode of Whiteboard Friday, Chris Long shows you how.