Tutorials

Ruby Templating With Slim: Part 2

In the second and last part of this mini series, we’ll finish this introduction with sections about outputting Ruby code, interpolation, plain text and how to customize Slim to your needs. After that article you should be ready for some Slim action. Outputting Code You have already seen a bit about how to use Ruby in… Continue reading Ruby Templating With Slim: Part 2

20 Useful WordPress WooCommerce Plugins Available on CodeCanyon

WooCommerce is a free plugin that transforms WordPress into a powerful eCommerce solution. This WordPress eCommerce plugin now powers over 37% of all online stores and offers a wide variety of plugins that extend and customize WooCommerce in many different ways. Here are 20 useful WordPress WooCommerce plugins available on Envato Market that are worth your… Continue reading 20 Useful WordPress WooCommerce Plugins Available on CodeCanyon

It’s Tough Out There: A Look at Brutalism in Web Design

Brutalist websites were thrust into the spotlight recently when Pascal Deville’s brutalistwebsites.com hit Hacker News and went viral. This collection showcases the less warm and fuzzy side of the web–let’s take a look and see if we can pull some inspiration from brutalism. Brutal Buildings “Brutalism” (or “New Brutalism”) is a term which has been rattling… Continue reading It’s Tough Out There: A Look at Brutalism in Web Design

How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site

Today, WordPress powers 25% of all of the world’s websites, so it’s safe to say that what started as blogging software has grown into something much bigger than its humble origins, and is ready to be used on production-level sites from news portals to complete web applications. With this level of professionalism, new needs arise. On a personal blog read by… Continue reading How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site

5 Common Problems Faced by Python Beginners

More from this author How to Launch Your Next Tech Product for Free (Almost!) API Building and Testing Made Easier with Postman Are you in the process of learning Python? It’s a fantastic language to learn, but as with any language, it does present challenges that can seem overwhelming at times, especially if you’re teaching… Continue reading 5 Common Problems Faced by Python Beginners

Introducing Python’s Matplotlib Library

As a researcher who writes publications regularly, I’m frequently faced with the issue of producing neat graphs. This wasn’t always easy for me, and I had to use the available tools in the best way I could, but I wasn’t satisfied with the graphs I produced most of the time. I always used to wonder… Continue reading Introducing Python’s Matplotlib Library

10 Amazing Photoshop Templates That Every Designer Should Own

What You’ll Be Creating Photoshop templates are a great way of transforming your images instantly into something more eye-catching and professional-looking. Creating a vintage-style collage? Using a vintage PS template will give your photos that authentic aged look. Looking to improve a set of so-so wedding photos? Using a soft focus template will make them… Continue reading 10 Amazing Photoshop Templates That Every Designer Should Own

Building a Vertical Timeline With CSS and a Touch of JavaScript

First, we’ll create the basic structure with minimal markup and the power of CSS pseudo-elements. Then, we’ll use some JavaScript to add some transitional effects as we scroll down the page. Let’s get an idea of what we’ll be building (check out the larger version on CodePen). This tutorial has been updated with another… Continue reading Building a Vertical Timeline With CSS and a Touch of JavaScript

Learn the Basics of HTML in Our New Course

Do you need to learn HTML from the ground up? If so, our new course, Start Here: Learn HTML Basics, is perfect for you. What You’ll Learn The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it… Continue reading Learn the Basics of HTML in Our New Course

SpriteKit From Scratch: Visual and Audio Effects

Introduction In this tutorial, the fourth installment of the SpriteKit From Scratch series, we look at the various visual and audio features SpriteKit provides to add some more detail and variety to your games. This includes particle systems, filters, lighting, and audio. To follow along with me, you can either use the project you created in… Continue reading SpriteKit From Scratch: Visual and Audio Effects

Adding Custom Hooks in WordPress: Custom Filters

In this two-part series, we’re taking a look at the WordPress hook system. Specifically, we’re taking a close look at both actions and filters and the role they play in WordPress development. Though they are both defined as hooks, each plays a specific role in WordPress development. And if you’re looking to become a more… Continue reading Adding Custom Hooks in WordPress: Custom Filters

27 Best WordPress Magazine Themes for Blog and News Websites in 2025

Designing a digital magazine is a balancing act. You need a theme that enables you to showcase a lot of content on a single screen while at the same time ensuring that it’s all responsive, readable, fast-loading, and attractive. To help you narrow down your search, we’ve got 20 of the best WordPress magazine themes… Continue reading 27 Best WordPress Magazine Themes for Blog and News Websites in 2025

How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

What You’ll Be Creating Floral typography is a design trend that combines nice floral elements with bold typography, to create some elegant designs. This tutorial will show you how to use a flower stock image, with a simple text, and a couple of layer styles, filters, textures, and adjustments to create your own floral typography… Continue reading How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

A Comprehensive Introduction to Color in Design

This article aims to give you a comprehensive introduction to the deepest of design rabbit holes: color. It will introduce you to the most important lingo and concepts to get you started, helping you make better decisions applying color in your designs. Topics As usual for these guides, we’re going to cover a great deal,… Continue reading A Comprehensive Introduction to Color in Design

How to Build a Pebble Application

What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application

Best Mailchimp Templates to Level Up Your Email Newsletter Designs for 2025

To help you out with this, here’s a list with the top Mailchimp email newsletter design templates that provide simple, drag-and-drop functionality without sacrificing style. Find free Mailchimp templates, and a bunch of premium Mailchimp design templates! Mailee Responsive Multipurpose Email Template The Best Source of Mailchimp Templates (With Unlimited Use) Envato Elements is the… Continue reading Best Mailchimp Templates to Level Up Your Email Newsletter Designs for 2025

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