How to Create Metal Textures in Photoshop

What You’ll Be Creating In the following tutorial, I’m going to teach you how to create a metal pattern in Photoshop. You’ll create five different textures with Photoshop filters, gradients, and Blending Modes. You’ll get a cool metal pattern in Photoshop to use in your photo manipulations and digital paintings. Looking to brush up on… Continue reading How to Create Metal Textures in Photoshop

How to Build a UIkit Lightbox With Dot Navigation

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation

Understanding Static Functions and Static Classes in PHP

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Static functions and static classes can be easily accessed without necessarily creating an instance of that class. This helps keep your code clean and organized. In this post, you’ll learn about the static keyword and how it is applied on functions and classes to make them static.… Continue reading Understanding Static Functions and Static Classes in PHP

How to Send Serverless Emails With Node.js

If you are running a Jamstack architecture, sometimes you will require additional functionality like sending transactional emails to your users. Sending emails requires a server, so you can make a simple serverless service with an endpoint that takes a few fields and sends off an email. It’s an excellent alternative that doesn’t require the maintenance… Continue reading How to Send Serverless Emails With Node.js

The Different Types of Serif Fonts With Serif Font Examples

What are the different types of serif fonts and why should you know them? In this tutorial, we’ll look at types of serif typefaces and explain the ins and outs with serif font examples. Learn how to identify different types of serifs and download some fresh, new modern serif fonts today. This modern serif font is… Continue reading The Different Types of Serif Fonts With Serif Font Examples

41 Best Farmhouse Fonts (Country & Farmhouse Style Fonts)

Love farmhouse-style fonts? Check out this inspiring collection of some of the best farmhouse fonts you can download right now. Whether you’re looking for a farmhouse script font or a farmhouse font alphabet with rustic, decorative serifs, there’s plenty to see. Download this farmhouse font and many others on Envato Elements. What Is a Farmhouse… Continue reading 41 Best Farmhouse Fonts (Country & Farmhouse Style Fonts)

Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS

Have you ever wanted to build a unique single-page scrolling website yet didn’t know where to start? If so, don’t worry! Today we’re going to create together such a website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use JavaScript library for cool scrolling effects. Plus, to speed up the development… Continue reading Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS

42 Cool Fonts to Draw (For Calligraphy and Handwriting!)

Looking for cool easy fonts to draw by hand? In this article, we’ll look at some simple fonts to draw and where you can find them. We’ll also look at what you need to know about using cool fonts to draw by hand. There are some easy, cool fonts to draw out there, but you’ll… Continue reading 42 Cool Fonts to Draw (For Calligraphy and Handwriting!)

How to Create and Customize Procreate Brushes

What You’ll Be Creating Have you ever wanted to create your own Procreate custom brushes? Maybe you’d like to customize some of your favorite brushes or just get more familiar with Procreate’s wealth of brush settings. In this tutorial, we’ll take look at some Procreate brush basics and settings, and you’ll learn how to create… Continue reading How to Create and Customize Procreate Brushes

Cartoon Fundamentals: How to Draw a Cartoon Face Correctly

In this easy cartoon drawing tutorial, you’ll learn how to draw cartoon characters. A good cartoonist is one who can extract the main details of an object or a human being and represent them with simple shapes. The goal is that a child can recognize the drawing and be attracted to what they’re looking at.… Continue reading Cartoon Fundamentals: How to Draw a Cartoon Face Correctly

20 Most Popular Sans Serif Fonts for 2021

Let’s take a look at some of the most popular sans serif fonts for 2021. What is a sans serif font? We’ll show you, with some inspiring sans serif font examples you can download now. So sit back, enjoy the type inspiration, and pick out the best sans serif fonts for your next design project. … Continue reading 20 Most Popular Sans Serif Fonts for 2021

38 Best Photo Collage & Polaroid Mockups (Using an Online Photo Collage Maker)

If you love the distinct look of polaroids and want to use them either on their own or combined with other elements to create terrific photo collage designs, then you’re going to love this article.  Find Out How to Make a Photo Collage Online Today Today we’ll introduce you to the online photo collage maker from Placeit… Continue reading 38 Best Photo Collage & Polaroid Mockups (Using an Online Photo Collage Maker)

42 Best Geometric Fonts (Geometric Sans Serif Typefaces to Download)

Geometric sans serif fonts can be a versatile, timeless addition to any font library. They’re a popular choice for logo design, packaging, layout design, and so much more. Clean, elegant, and adaptable, a great geometric typeface can serve so many roles in so many projects. In this article, we’ll observe what makes a geometric typeface,… Continue reading 42 Best Geometric Fonts (Geometric Sans Serif Typefaces to Download)

How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

34 Best Slab Serif Fonts (Ready to Download Now)

If you’re looking for stylish, eye-catching fonts, then a slab serif typeface might be just what you’re looking for. What is the slab serif font classification? Stay tuned and we’ll break down what makes this classification such a well-loved addition to any designer’s font collection. We’ll also check out a collection of inspiring slab serif font examples… Continue reading 34 Best Slab Serif Fonts (Ready to Download Now)

How to Use Map, Filter and Reduce in JavaScript

Functional programming has been making quite a splash in the development world these days. And for good reason: Functional techniques can help you write more declarative code that is easier to understand at a glance, refactor, and test. One of the cornerstones of functional programming is its special use of lists and list operations. And… Continue reading How to Use Map, Filter and Reduce in JavaScript

CSS Charts: How to Create an Organizational Chart

In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart

The Latest Research for Web Designers, September 2020

In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like: Current freelancer demand Web designer earning potential A change in ecommerce shopping trends Unseen content rates 1. There’s Light At… Continue reading The Latest Research for Web Designers, September 2020

Is Change Positive for Web Designers?

As a web designer, you’re constantly being bombarded with messages that tell you to acquire new skills, try new tools, and keep on hustling. But if you’re constantly changing things up, does it do the opposite of what you originally set out to do? In other words, if you always have to start over, is… Continue reading Is Change Positive for Web Designers?

How to Optimize an Animated Gif: 10 Ways

In this tutorial, we will have a close look at all the available options to convert a video to a GIF animation, and how to optimize its file size. What is a GIF File? Before we start, let’s take a closer look at what is a GIF file. GIF is the standard format for compressing images… Continue reading How to Optimize an Animated Gif: 10 Ways

Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers

Imagine the public excitement when, in 1951, William Edmund Hick (“Hickey” to his friends?!) and Ray (with an “a”) Hyman published research about people’s responses to a bunch of flashing lights. I’m sure no-one could imagine how important this work would be for the information age since, of course, at that time, a bank of… Continue reading Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers

Would The Web Be Better With One Good Browser?

When Tim Berners-Lee gave us the WorldWideWeb in 1990, it was the first and only web browser. But it didn’t remain alone for long. Even in those early days of the web, there was plenty of competition for web browser market share: Mosaic, MidasWWW, SlipKnot, Arena, Netscape, and Internet Explorer emerged around that time, too,… Continue reading Would The Web Be Better With One Good Browser?

How to Create a Print-Ready Pocket Folder

A pocket folder professionally organizes your documents. When customized with a design to match your brand, it can be the cherry on top of your marketing collateral. However, it can be a long road to that perfect presentation folder if your design isn’t print-ready. What type of file do you have? Is it the correct… Continue reading How to Create a Print-Ready Pocket Folder

Mobile App Website Inspiration: 20 Application Websites And Tips To Design One

App websites are sometimes neglected by app owners. The owners or developers set up everything in place for the app to go ballistic on the market, except doing the basic marketing step: designing an app website that converts your visitors to users. But is it enough to create a random website for an app? Nope.… Continue reading Mobile App Website Inspiration: 20 Application Websites And Tips To Design One