Category: Tutorials

You learn something everyday if you pay attention

How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop

What You’ll Be Creating Although mental health is just as important as physical health, it’s often misunderstood and treated too lightly. After all, a person suffering from depression or anxiety looks completely fine on the outside, and nobody can tell what they’re really feeling. That’s where art can help—it allows the artist to show their… Continue reading How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop

Introduction to Firebase

We are in an era of rapid prototyping. We may get bright ideas, but sometimes they don’t get implemented if they take too much work. Often, the back-end is the limiting factor—many ideas never get implemented due to lack of knowledge or time for server-side coding. As a mobile developer, using a back-end as a service (BaaS) platform can… Continue reading Introduction to Firebase

21 Awesome WordPress Podcast Themes to Make Audio Sites

If 2017 was the year of the podcast, then 2018 is the year of the podcast website–here’s a collection of WordPress themes to build your perfect podcast site. The Unstoppable Rise of the Podcast The NPR Podcast sketch from comedy show Portlandia has all the hallmarks of peak podcasting: soft-spoken hosts, quirky background music, a Blue… Continue reading 21 Awesome WordPress Podcast Themes to Make Audio Sites

How to Create an Isometric Map Mockup Action in Adobe Photoshop

What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”.  Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop

Keyboard Accessibility Tips Using HTML and CSS

1. Test Your Site for Keyboard Accessibility The most important goal of keyboard accessibility is to make every interactive element, such as links and form controls, available with the Tab key. This is how keyboard-only users navigate through a web page. Testing your website for keyboard accessibility is actually pretty easy: just press the Tab key… Continue reading Keyboard Accessibility Tips Using HTML and CSS

10 Best WordPress Facebook Widgets

Facebook has over 2.23 billion active users worldwide who spend an average of 20 minutes per visit. That explains why, “on average, the Like and Share Buttons are viewed across almost 10 million websites daily” (via Zephoria). Truth be told, Facebook cannot be ignored. Fortunately, CodeCanyon has some excellent plugins and widgets that will help you to integrate… Continue reading 10 Best WordPress Facebook Widgets

How to Use Sessions and Session Variables in PHP

Session handing is a key concept in PHP that enables user information to be persisted across all the pages of a website or app. In this post, you’ll learn the basics of session handing in PHP. We’ll start with an explanation of how sessions work and how they are related to cookies. Then we’ll look… Continue reading How to Use Sessions and Session Variables in PHP

Tips on How to Pick the Right Icons for Your Website

When designing a website, we often spend a good bit of time considering which visual assets to use. Photos and illustrations, for example, can have a large impact on a design. However, those aren’t the only assets we should focus on. One asset that can get easily overlooked is icons. There are a lot of… Continue reading Tips on How to Pick the Right Icons for Your Website

11 Best Social Media Scripts and Plugins to Streamline Your Workflow

If you are running a business or building a brand, you are always looking for ways to increase your online reach. A streamlined, accessible and consistent social media presence is essential, whether you are a bricks-and-mortar shop, a digital specialist, or a marketing influencer. Using scripts and plugins from CodeCanyon, you can make your life… Continue reading 11 Best Social Media Scripts and Plugins to Streamline Your Workflow

How to Draw Natural, Textured, Afro Hairstyles (Afros, Locs, Braids, Twists)

What You’ll Be Creating In this tutorial, we’ll look at drawing multiple hairstyles that tend to be popular choices for natural, afro textured hair: afros, locs, braids, and twists. While these styles could potentially be worn by people with other hair types, we will primarily focus on Type 4 hair. We’ll take a stylistic approach… Continue reading How to Draw Natural, Textured, Afro Hairstyles (Afros, Locs, Braids, Twists)

Hands-on With ARIA: Accessibility for eCommerce

Looking to make your site more accessible? Or maybe you want to make it easier to traverse your site overall using browsers and other interfaces? Using ARIA, you can do both. Let’s take a look at what ARIA is and how it can benefit an eCommerce site. We’ll also go through some examples step by… Continue reading Hands-on With ARIA: Accessibility for eCommerce

Create Custom Maps With the MapSVG Plugin

What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin

Practical Tips for Effective Design Critique

Facilitating an effective design critique is a great way to have a conversation with stakeholders and check in on the progress of your project, collecting a wide breadth of feedback as you do so. Leveraging the feedback of a group, however, exposes you to many perspectives which may be unhelpful if you don’t use your… Continue reading Practical Tips for Effective Design Critique

How to Digitally Paint Dimension and Texture in Adobe Photoshop

What You’ll Be Creating How do you add volume and texture to digital paintings? Simple. Just reference real-life objects! Digital painting is difficult for many people, but it’s really all about patience and giving yourself adequate time to develop details to the best of your ability. So today, we’re going to tackle this challenge by… Continue reading How to Digitally Paint Dimension and Texture in Adobe Photoshop

Render Text and Shapes on Images in PHP

In the previous, we focused on loaded and manipulating images with PHP. We learned how to rotate, resize, scale or flip an image. We also learned about different filters and the convolution matrix. Those tutorials also covered some practical uses of the GD library like resizing all images in a directory or adding watermarks on multiple… Continue reading Render Text and Shapes on Images in PHP

20 Different Fonts to Make Stylish Graphic Design Projects in 2018

Explore different letter fonts to complement your work. Get inspired with this awesome list of new resources for 2018. Make Stylish Graphic Design Projects With These Fonts Every designer should have a collection of different font styles in their arsenal. Because no matter the occasion, creative fonts are the best way to upgrade any project.… Continue reading 20 Different Fonts to Make Stylish Graphic Design Projects in 2018

25+ Best Joomla Personal Blog Templates for 2018

When it comes to content management systems, Joomla is a versatile and popular CMS that can be used for all types of websites. From business to portfolio sites, Joomla can help you get your business online and show potential customers what you’ve got to offer. But, Joomla can also be used for personal blogs whether… Continue reading 25+ Best Joomla Personal Blog Templates for 2018

20 Best WordPress Calendar Plugins and Widgets

Whether you need an event calendar plugin, a booking system with payments, or a Google calendar widget, this list of plugins will have something to improve your app or site. Take a look at these 20 plugins available for download on Envato Market to see what WordPress is capable of. WordPress calendar plugins encompass plugins for… Continue reading 20 Best WordPress Calendar Plugins and Widgets

How to Create a Chalkboard Sign With Chalk Text in Adobe Photoshop

What You’ll Be Creating Learn how to create a chalkboard sign with chalk text effect in Photoshop using textures and layer styles. This chalk photo effect is a part of the Chalk and Chalkboard Photoshop Actions from my portfolio on Envato Market.  You can also the check the new Chalk Photo Effect Photoshop Action. You can create realistic… Continue reading How to Create a Chalkboard Sign With Chalk Text in Adobe Photoshop

How to Boost Email Conversions With Personalization and Dynamic Content

Did you know, that instead of sending the same email to everyone on your mailing list, you can improve your results and conversions by sending highly-targeted messages to laser-focused audiences? I’m not just talking about just personalizing the message subject line or the greeting–those things help, but what I’m talking about is using dynamic content… Continue reading How to Boost Email Conversions With Personalization and Dynamic Content

How to Create a Pastel Photo Effect Action in Adobe Photoshop

What You’ll Be Creating In this tutorial, you will learn how to create an amazing pastel photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time.  The effect shown above is the one I will show… Continue reading How to Create a Pastel Photo Effect Action in Adobe Photoshop