Tutorials

How to Use Variable Fonts on the Web

Are you wondering, “What are variable fonts?” Variable fonts were developed as the joint effort of the four biggest tech companies involved in type design—Apple, Google, Microsoft, and Adobe. Download this and all the best variable fonts from Envato Elements As the name suggests, variable fonts allow designers to derive an unlimited number of font… Continue reading How to Use Variable Fonts on the Web

25+ Best Free Hand-Lettering Style Fonts (Designs for 2021)

Need a hand-lettering font for your next project? Check out the list of stunning resources below! Hand lettering is a beautiful art for anyone interested in calligraphic letterforms. Artists create each letter by hand while breaking down the characters with creative techniques. This premium hand-lettering font is available on Envato Elements Now you can incorporate… Continue reading 25+ Best Free Hand-Lettering Style Fonts (Designs for 2021)

15 Elegant CSS Pricing Tables for Your Latest Web Project

Pricing tables are an important part of any website that sells some kind of services and products. You can use them to quickly list the features, similarities, or differences between two, three, or four different products at once. These tables give users all the information they need when choosing between different products and services. This,… Continue reading 15 Elegant CSS Pricing Tables for Your Latest Web Project

How to Create a Thumbnail Image in PHP

Today, we’ll discuss how you could create thumbnail images in PHP with the help of the GD library. When you’re working on projects that are related to media, more often than not you will need to create thumbnails from the original images. Also, if you’ve enabled image uploads on your website, it’s essential that you… Continue reading How to Create a Thumbnail Image in PHP

Flexbox Align: When to Use Auto Margins Instead of Flexbox Center

Flexbox alignment properties are superb and they solve lots of layout problems, especially where the common “vertical and horizontal center” layout is needed. However, there are times when aligning with auto margins is safer and more flexible. This tutorial will show you when! Get Started with Flexbox If you’re just stepping into the world of… Continue reading Flexbox Align: When to Use Auto Margins Instead of Flexbox Center

How to Learn WordPress

Free WordPress Courses for Beginners Follow along with these two epic free courses for beginners and learn the basics of WordPress. With these guides you can go from knowing nothing whatsoever, to being able to create a WordPress website and even begin editing and coding your own themes. Subscribe to the Tuts+ Youtube channel for… Continue reading How to Learn WordPress

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)

Create Beautiful Scrolling Animations With the CSS Clip-Path Property

In a previous tutorial, we learned how to create a grayscale-to-color effect on scroll. To implement it, we took advantage of modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Today, we’ll use these tools and the knowledge gained from that tutorial to build another cool scroll effect. As we scroll, page… Continue reading Create Beautiful Scrolling Animations With the CSS Clip-Path Property

Quickly Build a PHP CRUD Interface With the PDO Advanced CRUD Generator Tool

In this tutorial, we’re going to review PDO CRUD—a form builder and database management tool. PDO CRUD helps you build forms for your database tables with just a few lines of code, making it quick and easy to bootstrap a database application. There are plenty of extensions available for database abstraction and specifically CRUD (create,… Continue reading Quickly Build a PHP CRUD Interface With the PDO Advanced CRUD Generator Tool

What Are Web Fonts?

If you’re new to web fonts, you might be wondering: what are web fonts? Don’t worry. Here we’ll cover what web fonts are and how to install web fonts. We’ll also show you some of the best web fonts from Envato Elements. Web fonts are fonts especially created for websites. They’re usually on a web… Continue reading What Are Web Fonts?

Getting Started With the MStore Pro React Native App Template

Building a React Native app from scratch can be difficult. Setting up the initial project can be complex and annoying, especially for those who work primarily on web applications. How do you deal with the command-line interface? What is exporting your project? These questions pop up, and for your first few apps, they’ll seem like… Continue reading Getting Started With the MStore Pro React Native App Template

How to Send Text Messages With PHP

Text messaging has become extremely widespread throughout the world—to the point where an increasing number of web applications have integrated SMS to notify users of events, sales or coupons directly through their mobile devices. If you’re looking to grow your business, a PHP text message script can be crucial. In this tutorial, you’ll learn how… Continue reading How to Send Text Messages With PHP

33 Best Humanist Fonts to Download Now!

If you’re looking for a legible, timeless font, humanist typefaces might be the perfect choice. In this article, we’ll take a look at humanist typeface characteristics, as well as a humanist typeface list for inspiration and addition to your font library. So, if you love fonts, look no further—let’s dig into some humanist font design.… Continue reading 33 Best Humanist Fonts to Download Now!

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