Tutorials

Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5

In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following: The effect is built up gradually and works on all the up-to-date browsers like Chrome, Safari, Firefox and Opera. Older browsers simply get some yellow squares. Step 1: The HTML and… Continue reading Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5

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)

Scrape the Web at Scale With the scrapestack API

Introduction to Web Scraping Businesses need better information to target and reach wider audiences. They get this information by scraping the web for content from social media platforms, eCommerce platforms, video platforms, travel platforms, review and ratings, and more. Web scraping is simply collecting information and data from around the web. It can be done… Continue reading Scrape the Web at Scale With the scrapestack API

20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)

If you want to give your Discord account an update and are wondering how to get custom Discord themes, try out Placeit’s Discord theme maker. It’s simple and easy to use, and you can customise any of the wonderful Discord theme ideas on offer in no time at all. How to Get Custom Discord Themes Using… Continue reading 20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)

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