Category: Tutorials

You learn something everyday if you pay attention

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

Create a PHP Login Form

A user login and registration system is super helpful when we want to store information about the users of our website. This applies to everything from educational websites which might store course progress and marks to e-commerce websites which will store information about customers’ past purchases. In this tutorial, I’ll teach you how to create… Continue reading Create a PHP Login Form

How to Use ARIA Roles, Properties, and States in HTML

In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles, properties, and states are, and (very importantly) the 5 rules of ARIA use. What is ARIA? ARIA stands for Accessible Rich Internet Applications and it was created by the World… Continue reading How to Use ARIA Roles, Properties, and States in HTML

34 Best Modern Sans Serif Fonts (Ready to Download Now)

Looking for modern sans serif fonts for your next design project? Whether you fancy thin modern fonts or modern bold fonts, this list is full of some of the best modern fonts to download now. Download modern sans serif fonts, like this sans serif font family on Envato Elements. Sans serif fonts have only continued to grow in… Continue reading 34 Best Modern Sans Serif Fonts (Ready to Download Now)

How to Paint Watercolor Flowers in Clip Studio Paint

What You’ll Be Creating If you want to learn how to paint watercolor flowers digitally, in this tutorial I’ll show you how to make a watercolor effect in Clip Studio Paint. I’ll show you what brushes to use, how to shade the flowers, how to create a watercolor edge, and how to finish it all… Continue reading How to Paint Watercolor Flowers in Clip Studio Paint

How to Use Raygun to Identify and Diagnose Web Performance Problems

Web application development is difficult. There is no other type of application that is as involved, or requires you to understand multiple languages, frameworks, and platforms, as web applications. The most basic web application is comprised of two separate applications:  The server-side application to manage data. The client-side application displays that data to the user.… Continue reading How to Use Raygun to Identify and Diagnose Web Performance Problems

“Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up

In this theme review we’ll take a look through a multipurpose Shopify theme called Roxxe. Shopify allows you to quickly create your own online store, and when armed with the right theme you can be up and running in no time. So let’s have a look at Roxxe, talk about its pros and cons, and… Continue reading “Roxxe” Shopify Theme Review: Multipurpose, Easy to Set up

A Brief History of Display Fonts

What is a display font? And what is the best place to use a display typeface? Discover the answers to those questions and more in this article. As a budding designer, it’s important to get familiar with the term and when it’s used. In this article, I’ll go through a display font definition, the typeface… Continue reading A Brief History of Display Fonts

How to Make a Gift Certificate (With or Without Photoshop!)

What You’ll Be Creating Need a gift coupon template, but you’re not sure how to create a gift certificate template of your own? In this tutorial, we’ll walk through how to make a printable gift certificate, both with Photoshop and without it.  Photoshop makes it easy to develop a customizable gift certificate template for your business, clients,… Continue reading How to Make a Gift Certificate (With or Without Photoshop!)

20 Best Free Bifold & Tri-Fold Brochure Template Designs (Download 2021)

Working on a bifold or tri-fold brochure project? Working with a professionally designed template could be the jump start you need to get your project started, going, or even completed!  Make your content stand out with a professionally designed brochure design template. I like to keep and collect a bank of tools, assets, and resources… Continue reading 20 Best Free Bifold & Tri-Fold Brochure Template Designs (Download 2021)

WooCommerce: Adding the Product Short Description to Archive Pages

What You’ll Be Creating WooCommerce comes bundled with archive pages and loops that do a great job, but sometimes you might need to display a bit more information on your main shop and other archive pages. In this tutorial, I’ll show you how you can add the product short description to your archive pages and display it… Continue reading WooCommerce: Adding the Product Short Description to Archive Pages

A Guide to Overriding Parent Theme Functions in Your Child Theme

If you’ve had any experience working with parent and child themes in WordPress, you’ll know that the template files in your child theme override those in your parent theme. For example, if your parent theme has a page.php file and you create a new one in your child theme, WordPress will use the one in the child… Continue reading A Guide to Overriding Parent Theme Functions in Your Child Theme

Build an HTML Email Template From Scratch

What You’ll Be Creating The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building an HTML email template from scratch. “The sooner you stop fighting the quirks of email, the sooner you can use them to… Continue reading Build an HTML Email Template From Scratch

42 Best Sports Fonts (For Logos, Jerseys, and More)

Your sports fonts collection should include a great sports jersey font, a sports number font, and other versatile sports team fonts. If you’re looking for a great set of premium sports fonts for your next design project, look no further. Find awesome sports fonts, like this one, on Envato Elements and GraphicRiver.  In this article, we’ll take a… Continue reading 42 Best Sports Fonts (For Logos, Jerseys, and More)

Working With PHP Arrays in the Right Way

In this tutorial, I am going to make a list of common PHP array functions, with examples of usage and best practices. Every PHP developer must know how to use them and how to combine array functions to make code readable and short. Also, there is a presentation with given code examples, so you can… Continue reading Working With PHP Arrays in the Right Way

WP_Query Arguments: Categories and Tags

In the earlier parts of this series, you’ve learned how WP_Query is structured and what its properties and methods are. The next stage is to understand the various arguments you can use with it and how best to do so. WP_Query has a large number of possible arguments, which makes it extremely flexible. As you can use it… Continue reading WP_Query Arguments: Categories and Tags

How to Convert EPS to AI

Whether you are working as a graphic designer or illustrator or receiving files as a client, you’ll most likely come across all sorts of different file formats. Encapsulated PostScript File (EPS) and Adobe Illustrator Artwork (AI) are two examples of the most common file types you’ll have to deal with. They are both native formats, which is… Continue reading How to Convert EPS to AI

How to Create an Inspirational Vector Political Poster

What You’ll Be Creating Learn how to create a Shepard Fairey Photoshop effect with the help of Illustrator with this poster tutorial.  This tutorial is inspired by Shepard Fairey’s famous political poster series for the Obama Democratic Party campaign in the US in 2008 and now being recreated for the Time magazine cover for November… Continue reading How to Create an Inspirational Vector Political Poster

How to Turn Your WordPress Website into a Mobile App

WebView templates and WordPress app builders are an easy and affordable way to turn your WordPress website into a mobile app. They’re perfect for a non-technical person—no mobile app development experience is required!  WebView templates and WordPress mobile app builders turn your website into a responsive app that can be used on all mobile devices.… Continue reading How to Turn Your WordPress Website into a Mobile App

Published
Categorized as Tutorials

Using Redux in a React Native App

Redux is a library for state management that ensures that the application logic is well-organized and that apps work as expected. Redux makes it easy to understand your application’s code regarding when, where, why, and how the state of the application is updated. Redux is made up of the following key parts: actions reducers store… Continue reading Using Redux in a React Native App

How to Make a Gift Certificate (Using an Online Gift Certificate Maker) + Examples

If you own a small business, creating gift certificates that your customers can share with family and friends is a great way to increase interest in your business and boost sales. And the good news is that making your own gift certificates doesn’t have to be expensive or difficult—all you need is a computer, a… Continue reading How to Make a Gift Certificate (Using an Online Gift Certificate Maker) + Examples

1,000+ Best Wood Textures (PNGs, PSDs, Vector, EPS, Brushes, and More!)

Wood textures are a great way to add a tactile quality and interest to art, design, and architectural projects.  High Res Wood Textures  is just one of the many wonderful wood textures you can find at Envato Elements If you are looking for the perfect wood texture for your next project, this list of over 1,000… Continue reading 1,000+ Best Wood Textures (PNGs, PSDs, Vector, EPS, Brushes, and More!)

100 Best Typography & Font Tutorials for Every Designer

If you’re looking for an awesome typography tutorial collection, you’re going to love this list of font tutorials, text effects, web fonts, and more.  Learn from these Illustrator typography tutorials and Photoshop typography tutorials, or try out a 3D typography tutorial—we’ve got a list of over 100 awesome free tutorials for you to enjoy today. Font Basics:… Continue reading 100 Best Typography & Font Tutorials for Every Designer