Category: Tutorials

You learn something everyday if you pay attention

PHP Superglobals Explained—With Cheatsheet

In this post, I’ll give you a cheatsheet quick reference to all the PHP superglobal variables available in PHP. What Is a Superglobal Variable? Let’s have a look at the definition of superglobal variables. Superglobals are built-in variables that are always available in all scopes. Whether you are a seasoned PHP developer or a novice… Continue reading PHP Superglobals Explained—With Cheatsheet

How to Handle Text Overflow (with a CSS Ellipsis)

When a string of text overflows the boundaries of a container it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by truncating long strings with a CSS ellipsis. Text Overflow (with a CSS Ellipsis) Our Overflowing Text Demo During this quick tip we’ll use the following demo… Continue reading How to Handle Text Overflow (with a CSS Ellipsis)

8 Best Free Live Chat PHP Scripts

Are you thinking of adding a free live chat feature to your website? Do you want to give personalized live chat support that will improve your visitors’ website experience? Do you want your forum members to chat with each other in real time?  Fortunately, there are free PHP scripts available to help. Free PHP live… Continue reading 8 Best Free Live Chat PHP Scripts

Form Input Validation Using Only HTML5 and Regex

Validation of form input is something that should be taken seriously. With luck, nothing worse than garbage data will be submitted to a site which uses data from forms without proper validation. However, there also a chance that hackers will be able to compromise the private data of users who trusted you with their information.… Continue reading Form Input Validation Using Only HTML5 and Regex

17 Fonts Similar to Arial

In this article, we’ll cover the history of Arial, the Helvetica substitute. We’ll give you an overview of the font and some amazing fonts similar to the Arial font. Arial has become the synonym for Helvetica since its beginnings. There are no two fonts with more history, critique, and comparison than these two. Arial is… Continue reading 17 Fonts Similar to Arial

How to Use cURL in PHP

Today, we’re going to explore the cURL extension in PHP which allows you to make HTTP requests from your code. Often you need to communicate with external websites in your day-to-day PHP development. Whether it’s calling third party REST APIs to fetch data or downloading resources from the external website, you want a library which… Continue reading How to Use cURL in PHP

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

A to Z of Illustrator: Tips, Tricks, & Hacks!

Get ready for some rapid-fire tips and tricks on how to use Adobe Illustrator! In this tutorial, we’ll take a look at 26 tips, tricks, and hacks, from A to Z. For all the featured images and resources, check out Envato Elements! With one subscription, you’ll have unlimited access to assets such as graphics, video templates,… Continue reading A to Z of Illustrator: Tips, Tricks, & Hacks!

Understanding Variable Scope in PHP

Variables are an important part of any programming language. You can use them to store all kinds of information like integers, floats, strings, arrays, the contents of a file, etc. The data stored in variables can then be manipulated by adding or removing information. Using variables also allows us to create loops and perform some… Continue reading Understanding Variable Scope in PHP

20 Best Etsy Banner Designs (Using an Etsy Banner Maker)

If you have an Etsy shop, you need an eye-catching banner to make sure your page stands out from the crowd.  Don’t worry—you don’t need to waste time trying to figure out how to make an Etsy banner yourself. That’s because Placeit’s Etsy banner maker will help you create an eye-catching banner in a matter… Continue reading 20 Best Etsy Banner Designs (Using an Etsy Banner Maker)

Mastering Calligraphy: How to Write in Gothic Script

In this “Mastering Calligraphy” lesson, we’ll be learning what is by far the hardest font but also the most impressive: Gothic Script. This font is a bit different than the others because it’s made up of so many small strokes. However, the letters are very similar in construction so once you have a few down,… Continue reading Mastering Calligraphy: How to Write in Gothic Script

44 Best Procreate Fonts (Calligraphy, Tattoo, Comic, and More!)

Looking to download fonts for Procreate? In this article, we’ll take a look at some awesome font choices for Procreate, as well as how to add fonts to Procreate, if you’ve never done it before. Add fonts to Procreate and use them in your next design, illustration, or project. If you love calligraphy fonts Procreate… Continue reading 44 Best Procreate Fonts (Calligraphy, Tattoo, Comic, and More!)

How to Animate on Scroll With Vanilla JavaScript

Making elements appear based on their scroll position is a very popular design choice when building web pages but it usually involves using a plugin or library. In this tutorial you’ll learn how to implement animation on scroll using vanilla JavaScript and CSS. The main advantage of using a custom implementation (as opposed to a… Continue reading How to Animate on Scroll With Vanilla JavaScript

Mastering Calligraphy: How to Write in Cursive Script

In this lesson of “Mastering Calligraphy”, we’re going to learn how to write in cursive script. Flowing, cursive calligraphy is still seen today on wedding invitations and menus at fancy restaurants. While it looks extremely difficult to ink, it’s actually made of a few basic strokes. Better yet, with the Cursive Script, you hardly ever… Continue reading Mastering Calligraphy: How to Write in Cursive Script

CSS Charts: How to Create a Horizontal Organizational Chart

In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one.  CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart

How to Make a Propaganda Poster

What You’ll Be Creating In this tutorial, you’ll learn how to make your own propaganda poster in Photoshop, using a vintage propaganda style and giving it a contemporary twist for International Women’s Day. Suitable for Photoshop beginners, this tutorial is a great way to learn more about poster design and discover how to create a… Continue reading How to Make a Propaganda Poster

How to Do Calligraphy on Procreate

What You’ll Be Creating Curious about how to do calligraphy on Procreate? In this tutorial, we’ll look at settings, techniques, and brushes that can help you create beautiful calligraphy styled writing and hand lettering in Procreate.  What You’ll Need You’ll need Procreate for iPad for this tutorial. It is recommended that you also use an Apple… Continue reading How to Do Calligraphy on Procreate

Mastering Calligraphy: How to Write in Roundhand Script

For our first tutorial in “Mastering Calligraphy”, we’re going to start with an easy alphabet that uses the two basic strokes we learned in the easy introduction. Just those two strokes make up a majority of the letters in the Roundhand Script alphabet. We’ll be breaking the letters into similar groups and mastering both the… Continue reading Mastering Calligraphy: How to Write in Roundhand Script

How to Check if a String Contains Another Substring in PHP

A lot of times when I am working with strings in PHP, it becomes important to check if a string contains another substring. PHP has a lot of functions to help you manipulate strings any way you like. We will be using some of these functions today to learn how to check if a string… Continue reading How to Check if a String Contains Another Substring in PHP

Example of How to Add Google reCAPTCHA v3 to a PHP Form

In this article, I’m going show you how to add Google reCAPTCHA v3 to a form on your PHP website. The latest reCAPTCHA is different than the previous versions—it doesn’t require user interaction at all. In this post, we’ll see how it works, and we’ll build a real-world example for demonstration purposes. As a website… Continue reading Example of How to Add Google reCAPTCHA v3 to a PHP Form

How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

In the past, we’ve discussed various Bootstrap 4 extensions. Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the desktop layout and a dropdown for mobile screens. Note: for this exercise, I’m going to use Bootstrap 4 latest… Continue reading How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

Working With Tables in React: Part Two

In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table2 component. You’ll be able to create sophisticated and professional-looking tables with little effort and yet be able to customize every aspect. In this part, we’ll continue the journey by expanding rows,… Continue reading Working With Tables in React: Part Two

How to Make a Live Chat Script in PHP

In this article, we’ll discuss how you can make a live chat script in PHP. Although there are different ways you could achieve this, we’ll use a socket-based implementation. If you’re building a community site which involves user engagement, it’s useful to provide a way for users to discuss ideas in real time. When it… Continue reading How to Make a Live Chat Script in PHP