Tutorials

WordPress Hacker’s Guide to the Galaxy

WordPress is easy for nearly anyone to learn, but that doesn’t mean that all the code you write for it has to be messy. There’s nothing keeping you from leveraging modern programming techniques for your WordPress themes and plugins. Let me show you. https://youtu.be/fcllcGb19oY https://youtu.be/9CsxcEvwx9M https://youtu.be/n744Xe85_88 https://youtu.be/6dPKB7KEK3M https://youtu.be/8gPqPbutKBM https://youtu.be/SuJ946BdSYk

Optimizing Google PageSpeed to 100 in WordPress

What You’ll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode, I optimized the PageSpeed of my site’s then theme, MySiteMyWay’s Construct. I managed to get to 70 Mobile and 86 Desktop. However, with MySite’s closure, I chose a new theme and reached… Continue reading Optimizing Google PageSpeed to 100 in WordPress

International Artist Feature: Italy

For this article in the international artist series, we turn to Italy, featuring six artists who create fantastic work, from illustration to graphic design and more! I asked each artist how their country and culture inspired their work, and they delivered fantastic answers. Enjoy! Officemilano Officemilano is a multi-discipline design firm based in Milan, Italy.… Continue reading International Artist Feature: Italy

New Course: Practical Web Animation

The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help users interpret interfaces. In our new course, Practical Web Animation, Envato Tuts+ instructor Craig Campbell will show you practical ways to create animations for buttons, pricing tables, and other… Continue reading New Course: Practical Web Animation

How to Draw Trees

What You’ll Be Creating Trees seem like one of the few things that are easy to draw. However, if you know nothing about drawing, you may either go too simple… … or too literal: Neither of these is what a real tree looks like. The first is a symbol of a tree, and the other… Continue reading How to Draw Trees

Adding Custom Hooks in WordPress: Custom Actions

One of the cornerstones of building custom solutions in WordPress is having an understanding of hooks. In and of themselves, they aren’t terribly difficult to understand, and we’ll be covering a short primer on them in this tutorial. But if you’re looking to get into more advanced WordPress development, it’s worth knowing how to implement… Continue reading Adding Custom Hooks in WordPress: Custom Actions

Photoshop in 60 Seconds: What Are Artboards?

Interface Design on Envato Market Welcome to our Photoshop in 60 Seconds series, in which you can learn a Photoshop skill, feature, or technique in just a minute! Artboards in Photoshop Artboards are a welcome recent addition to the lineup of Photoshop features. The premise is to be able to work on several different “canvases”… Continue reading Photoshop in 60 Seconds: What Are Artboards?

Selecting Parent Elements with CSS and jQuery

There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery

New Course: The Complete Guide to CSS Positioning

If you want to get a comprehensive but concise overview of CSS positioning, our new course is for you. The Complete Guide to CSS Positioning consists of just eight video lessons totalling less than an hour of viewing time, but by the time you’ve finished it, you’ll have a firm grasp of the essential principles you… Continue reading New Course: The Complete Guide to CSS Positioning

SpriteKit From Scratch: Constraints and Actions

Introduction In this tutorial, the second installment of the SpriteKit From Scratch series, you learn about constraints and actions. These features are used to easily add movement and animations to your SpriteKit game while limiting the position and orientation of nodes in the game. To follow along with me, you can either use the project… Continue reading SpriteKit From Scratch: Constraints and Actions

How to Use Adobe Fuse to Create a Superhero Reference

What You’ll Be Creating When you have an awesome idea for a character, you can feel how great it would be to see it on paper. But what if you don’t have “talent”? Or maybe you can draw, but humans are simply not your area of expertise? Are you supposed to spend hours learning just… Continue reading How to Use Adobe Fuse to Create a Superhero Reference

Hands On Improving Google PageSpeed

What You’ll Be Creating What Is Google PageSpeed? Google PageSpeed is a free tool that assesses the performance and usability of your website for mobile and desktop platforms. It’s extra important because Google uses it in determining key elements of our SEO ranking, i.e. how high we appear in their search results. If you want more background… Continue reading Hands On Improving Google PageSpeed

Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

By now you have read about the basic concepts of using Twig through Timber, while building a modular WordPress theme. We’ve also studied block nesting and multiple inheritance with Twig, based on the DRY principle. Today, we are going to explore how to display attachment images, WordPress menus, and users in a theme with Twig… Continue reading Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

How to Enable Deep Links On Android

What Are Deep Links? Android deep links open a specific page within an app and optionally pass data to it. Developers may find deep links particularly useful for actions, such as clicking a notification or sending an app link via email. Let’s take an email client as an example. When the user clicks the notification of an email… Continue reading How to Enable Deep Links On Android

Kick-Start WordPress Development With Twig: Blocks, Nesting, and WP Cheatsheet

In the previous article, I wrote about integrating the Twig templating engine with WordPress through Timber and how developers can send data from the PHP files to the Twig files. Let’s discuss how to create a base template with Twig, the benefits of this DRY technique, and a Timber-Twig WordPress Cheatsheet. Creating a Base Template… Continue reading Kick-Start WordPress Development With Twig: Blocks, Nesting, and WP Cheatsheet

How Designers and Developers Can Collaborate Using Sketch and Zeplin

Collaboration between designers and developers is essential to the success of a web project, and it’s a measure of a team’s success. Whilst sharing the same workspace is invaluable, having an online source of truth that helps with this collaboration is incredibly helpful. In this article we’re going to look at Zeplin and how it… Continue reading How Designers and Developers Can Collaborate Using Sketch and Zeplin

SpriteKit From Scratch: Fundamentals

Introduction SpriteKit, available on iOS, tvOS, and OS X, is a framework that allows developers to create high quality 2D games without worrying about the complexities of graphics APIs, such as OpenGL and Metal. In addition to handling all of the graphics for developers, SpriteKit also offers a wide range of extra functionality, including physics simulation, audio/video playback, and… Continue reading SpriteKit From Scratch: Fundamentals

How to Create a Seder Plate for Passover in Adobe Illustrator

What You’ll Be Creating Whether or not you observe Passover, this is a great time to create and learn about the Seder plate and what it means during this Jewish holiday season. Celebrated this year from sunset on 22 April to 30 April (or nightfall of the 29th if you’re in Israel), Passover celebrates the… Continue reading How to Create a Seder Plate for Passover in Adobe Illustrator

How to Make Pixel Characters

What You’ll Be Creating If you’ve ever thought about creating pixel art, here’s a very quick and easy introduction to one of the most fundamental aspects of it: characters. We’ll be creating an extremely simple character, but although it will be simple, it will still allow a decent amount of detail, so it will work… Continue reading How to Make Pixel Characters

Quick Tip: Using CSS Counters to Style Incremental Elements

In this quick tip, we’ll cover the very basics of CSS counters; a useful, yet not so well-known CSS feature. When we’re done building our demo, we’ll take a look at some real world examples of sites which take advantage of CSS counters. The Goal: Styling an Ordered List As a first step, let’s look at the… Continue reading Quick Tip: Using CSS Counters to Style Incremental Elements

How to Code Multiple Loops While Only Querying the Database Once

I’m a big fan of the WP_Query class: I use it in many of my client sites to query and output content in custom ways. If you want to run multiple loops on a page, the easiest way to do it is to run WP_Query each time you need to run a loop. But there… Continue reading How to Code Multiple Loops While Only Querying the Database Once

Testing and Dependency Injection With Model View Presenter on Android

We explored the concepts of the Model View Presenter pattern in the first part of this series and we implemented our own version of the pattern in the second part. It’s now time to dig a little deeper. In this tutorial, we focus on the following topics: setting up the test environment and writing unit tests for the… Continue reading Testing and Dependency Injection With Model View Presenter on Android

How to Prepare a Cool 3D Card for Post-Print Effects

What You’ll Be Creating In this tutorial you’ll learn how to create a laser-cut pop up card, perfect for showcasing retail offers or adapting for events. We’ll break down into simple steps some of the essential techniques for preparing your artwork for post-print processes, including laser-cutting and accommodating for folds. Suitable for beginner-to-intermediate users of… Continue reading How to Prepare a Cool 3D Card for Post-Print Effects

WP REST API: Internals and Customization

In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization