Tutorials

9 Best Font Manager Apps for Mac, Windows, Linux and Online

If you or your business do any kind work with fonts, font management software can help you organize and manage the fonts you work with. In this article, I’ll explain why you should consider using font management software and I’ll outline some of the most popular font manager packages for Windows and Mac users. Fonts… Continue reading 9 Best Font Manager Apps for Mac, Windows, Linux and Online

15+ Best Mobile UI Kits for Android

If you’ve ever had to design a new mobile app, then you will know how difficult, labor-intensive, and time-consuming that task is. To relieve you of some of that workload, we have selected an assortment of the best Android UI kits that Envato Elements currently offers. Find Beautiful Adobe XD UI Kits on Envato Elements… Continue reading 15+ Best Mobile UI Kits for Android

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)

How to Create a Simple Web-Based Chat Application

In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. Otherwise, learn how to build one yourself in this tutorial. This tutorial was updated recently to make improvements in the chat app. Introduction The… Continue reading How to Create a Simple Web-Based Chat Application

How to Use Color Fonts on the Web

Every web designer knows how to set a font’s color, right? It’s one of the first things we do when we begin learning CSS. We choose a color, and then we use styles to set it, like color: blue; or color: purple;, so all the glyphs in our chosen font turn that color, and only… Continue reading How to Use Color Fonts on the Web

Quick Productivity Tip: Find Your “Go Space”

Over the past several years, I’ve published hundreds of episodes of Developer Tea. There are many reasons I have been able to do this, but the one that is most compelling is what I call my “Go Space”. A successful entrepreneur in their home office “go space” (Image source: Envato Elements) I can walk into… Continue reading Quick Productivity Tip: Find Your “Go Space”

Working With Tables in React, Part One

One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One

How to Create a Pastel Gradient Background

What You’ll Be Creating In the following steps, you will learn how to create a pastel gradient background in Adobe Illustrator and Adobe Photoshop. Cool and warm, this timeless trend will give a soothing effect to any design. All you have to do is look for the best gradient combinations. Looking to download some pastel… Continue reading How to Create a Pastel Gradient Background

Real-Time News Data With the mediastack API

The demand for content on the web is stratospheric. You don’t have to produce your own content, but you do need to supply content that’s reliable. To offer relevant, up-to-date content, you need a reliable, up-to-the-minute source of news data gathered from a wide range of popular sources from around the world, including CNN, MSNBC,… Continue reading Real-Time News Data With the mediastack API

How to Paginate Data With PHP

I can remember years ago, when I first began coding in PHP and MySQL, how excited I was the first time I got information from a database to show up in a web browser. For someone who had little database and programming knowledge, seeing those table rows show up onscreen based on the code I… Continue reading How to Paginate Data With PHP

Display WooCommerce Categories, Subcategories, and Products in Separate Lists

What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists

Pros and Cons of Photography and Videography in Visual Marketing

Do you remember a time when there was only text on the internet? Or when the first images popped up in their glorious blocky low resolution? It seems like a lifetime ago. Streaming services, social media, shops… Images and videos are all around the web today. It’s no wonder we see more and more… Continue reading Pros and Cons of Photography and Videography in Visual Marketing

WordPress Troubleshooting: PHP Installation is Missing the MySQL Extension

In this quick article, we’ll discuss how to troubleshoot the “missing the MySQL extension” error when you are installing WordPress. If you’re installing WordPress or you’ve moved your website to a different server, you may encounter the following error: Your PHP installation appears to be missing the MySQL extension which is required by WordPress. This… Continue reading WordPress Troubleshooting: PHP Installation is Missing the MySQL Extension

How to Install and Use Procreate Brushes

What You’ll Be Creating Found some of the best Procreate brushes, but not sure how to install or use them? In this tutorial, we’ll look at installing and utilizing Procreate brushes, as well as some customization basics. We’ll wrap up with a demo of a newly installed brush set. Please keep in mind that Procreate and… Continue reading How to Install and Use Procreate Brushes

13 Best AI Plugins for WordPress and WooCommerce for 2023

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Now, let’s review some of the top AI plugins for WordPress available on CodeCanyon. These premium AI-based plugins come at a very reasonable price. Each one can help your business use the power of artificial intelligence and machine learning by investing in customer engagement and satisfaction. Staff… Continue reading 13 Best AI Plugins for WordPress and WooCommerce for 2023

How to Use Figma’s Inspect Panel

What You’ll Be Creating We’re going to design a scheduling app in Figma! In doing so we’ll work with Figma’s Inspect panel, explaining how to export a Figma design to code, how to inspect a Figma design system, and how to use Figma to inspect any element from a design. What You Will Learn in… Continue reading How to Use Figma’s Inspect Panel

How to Customize Contact Form 7 for WordPress: Floating Labels

You might have seen forms where the placeholder text is animated when you start typing into that input. This pattern isn’t new, yet still remains a popular trend in UX form design. Today, we’ll learn the steps needed for adding this behavior into a form built with Contact Form 7 (CF7), one of the most… Continue reading How to Customize Contact Form 7 for WordPress: Floating Labels

34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)

Looking for new Didone typefaces to add to your font library? In this article, we’ll look at what makes a Didone font, as well as a collection of fonts similar to Didot, fonts similar to Bodoni, and other Didone-inspired typefaces. This stylish fashion magazine design features Didone type and is available to download on Envato… Continue reading 34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)

Creating Pretty Popup Messages Using SweetAlert2

Every now and then, you will have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they are not very attractive. When you are creating a website with great color combinations and fancy animation to… Continue reading Creating Pretty Popup Messages Using SweetAlert2

Creating a Future-Proof Responsive Email Without Media Queries

What You’ll Be Creating Using this method you can create an email that has responsiveness baked in to the layout, without any need for CSS or media queries in the <head>, so that even in the worst case scenario of email rendering, your layout will remain intact. Is Developing HTML Email Still Hard? HTML email has… Continue reading Creating a Future-Proof Responsive Email Without Media Queries

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 Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)

Your YouTube thumbnail is often the first thing a potential viewer sees when browsing YouTube, so it’s critical that it grabs their attention and tells them exactly what they’ll get when they watch your video. Just one of the many terrific YouTube thumbnail templates you can find at Placeit.net If you want to know everything… Continue reading How to Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)

What Is Expressive Typography?

In this tutorial, we’ll look at how to express emotion through typography by exploring the premise of expressive typography. These techniques can help you make stronger font choices and more communicative design choices, too. We’ll take a look at some expressive typography examples and explore how you can use these concepts in your own work. Soap Bubbles Photoshop… Continue reading What Is Expressive Typography?

25 Best Modern Logos With Simple Designs (Creative Examples for 2021)

If you’re looking for modern logo ideas, there’s no better place to find the best simple logo inspiration than by looking to current logo trends. Here’s One of Our Cool Logo Designs From Envato Elements Today we’ll take a look at five of the hottest trends in best modern logo styles and show you a… Continue reading 25 Best Modern Logos With Simple Designs (Creative Examples for 2021)