Category: Tutorials

You learn something everyday if you pay attention

How to Draw a Ball

What You’ll Be Creating Drawing a ball may sound like something very simple, yet if you try it, you may discover that there are certain rules that must be followed. You need to know them if you want to draw a perfect ball!  In this tutorial, I will show you how to draw a soccer… Continue reading How to Draw a Ball

So You’re Selling a WordPress Theme: Best Practices for Demos

When you’re selling a theme, its demo is your sales pitch. If the demo falls short in some way, it’s doing a disservice to the theme and will lead to a loss of sales. If your theme includes hundreds of features, but buyers can’t see them in action, you may as well have no features… Continue reading So You’re Selling a WordPress Theme: Best Practices for Demos

The Zone of Infinite Creative Possibilities

Ideation is the third component in our Design Thinking process, as seen in the Hasso-Plattner Institute of Design’s proposal which we’ve discussed in our previous articles: Image source: Interaction Design Foundation How Did We Arrive at the Ideate Stage?  During the Empathize stage: you approach the user and gather data needed to define the challenge… Continue reading The Zone of Infinite Creative Possibilities

20+ Best Classic Typewriter Fonts With Old (Vintage) Machine Styles

Pay homage to the past with beautiful typography. Check out this selection of premium typewriter fonts. 20+ Best Classic Typewriter Fonts Remember typewriters? Punching each keystroke required a level of effort many young creatives will never witness. And now you can celebrate your favorite vintage styles with high-quality typewriter fonts. Today, we bring you another… Continue reading 20+ Best Classic Typewriter Fonts With Old (Vintage) Machine Styles

Understand Arrays in PHP

* { box-sizing: border-box; } body {margin: 0;} In this post, you’ll learn the basics of arrays in PHP. You’ll learn how to create an array and how to use associative and multidimensional arrays, and you’ll see lots of examples of arrays in action. What Is an Array? In PHP, an array is a data… Continue reading Understand Arrays in PHP

Get Started With Pusher: Using Presence Channels

In this series, we’ve been learning about Channels from Pusher, a platform that allows you to give your users the seamless real-time experience they want. Presence channels build on the security provided by private channels, but they add the benefit of knowing which users are subscribed and connected to that channel. The best part is how… Continue reading Get Started With Pusher: Using Presence Channels

How to Draw Angel Wings

What You’ll Be Creating In this tutorial I will show you how to draw wings on the back of a human, creating an angel. Angels, though seen as spiritual rather than material, are pictured as winged humans. But wings are not simply an appendix growing out of the shoulder blades—they’re specialized arms. So a typical… Continue reading How to Draw Angel Wings

How to Remove a Person From a Photo in Adobe Photoshop

Is there a certain detail ruining your perfect shot? Some photos are easy to recreate, while others need additional editing. Removing objects in Photoshop is quite easy. Today we’ll show you how to remove people from a nature landscape photo in Photoshop. This Adobe Photoshop tutorial will explain the five easy steps you’ll need to… Continue reading How to Remove a Person From a Photo in Adobe Photoshop

Manipulating Images in PHP Using GD

The internet would be pretty dull without images. However, maintaining and manipulating hundreds or thousands of images for your web site can be a headache. As your site design changes, you might need to modify all your images—for example, you might need to convert all your images to grayscale or resize them to 50% of… Continue reading Manipulating Images in PHP Using GD

Testing Components in React Using Jest and Enzyme

This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point.  In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools… Continue reading Testing Components in React Using Jest and Enzyme

Master the Three.js 3D Web Graphics Framework in Our New Course

Learn how to use 3D graphics in your web design projects in our new short course, Three.js: Beyond the Basics. What You’ll Learn In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this new short course, Craig Campbell will help… Continue reading Master the Three.js 3D Web Graphics Framework in Our New Course

Understanding the Messy “Define” Stage

In our previous articles, we’ve discussed the basics of design thinking and immersive empathy. In this post, we’ll dive a little deeper into what we refer to as the “define” stage in that process. Warning: it’s messy! So let’s first remind ourselves where it sits in the Hasso-Plattner Institute of Design’s proposal: Image source: Interaction Design… Continue reading Understanding the Messy “Define” Stage

Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide

What You’ll Be Creating Looking on the internet, it’s fairly simple to find articles and information on creating a book—from how to do layout to character design, writing your own story, and so on. In my travels I found that unless you sat down with an experienced illustrator over a cup of coffee, you would… Continue reading Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide

Testing Components in React Using Jest: The Basics

What You’ll Be Creating Testing code is a confusing practice for many developers. That’s understandable because writing tests requires more effort, time, and the ability to foresee possible use cases. Startups and developers working on smaller projects usually favor ignoring tests altogether because of the lack of resources and manpower.  However, there are a couple… Continue reading Testing Components in React Using Jest: The Basics

International Artist Feature: Germany

We’re honouring the German language and culture this week in celebration of the launch of the German version of Envato Elements!   For this article in the international artist series we turn to Germany, featuring seven illustrators and designers who create fantastic work from digital paintings to textile design and more! I asked each artist how their… Continue reading International Artist Feature: Germany

Building Gutenberg Blocks with create-guten-block

Gutenberg is the new WordPress editor and everyone is talking about it. It has introduced an all-new way of writing content with WordPress. So not only the developers can benefit from its block-modeled layout but the end-users will also be able to create dynamic page layouts with it.  However, building custom blocks with Gutenberg can… Continue reading Building Gutenberg Blocks with create-guten-block

How to Create a GTA V Photo Effect Action in Adobe Photoshop

What You’ll Be Creating In this tutorial, you will learn how to create an amazing photo effect inspired by the Grand Theft Auto V video game art style. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.  The effect shown… Continue reading How to Create a GTA V Photo Effect Action in Adobe Photoshop

Create Content With WordPress Gutenberg

What You’ll Be Creating WordPress Gutenberg is coming soon to a website near you. It will revolutionise the way you write posts and create pages, so get ready to use it by taking our new course, Create Content With WordPress Gutenberg. What You’ll Learn Gutenberg is a completely new way for people to create content… Continue reading Create Content With WordPress Gutenberg

20 Must-Have Wireframe Templates and UI Kits for Your Design Library

Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what? Let’s be honest, the world of UX (user experience) and UI (user interface) is full of jargon and overcomplicated terms. Take, for example, this real line I copy-pasted from a job description for a senior content specialist… Continue reading 20 Must-Have Wireframe Templates and UI Kits for Your Design Library