Using Subversion to Check Out WordPress

There are a lot of reasons to enjoy following open-source software, one of which is the ability to learn from the code that others have built.  Other examples include: following along with bug tickets seeing new features merged into the code base learning how to achieve something programmatically viewing the deprecation of an old feature… Continue reading Using Subversion to Check Out WordPress

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

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 exactly to Overcome The Top 4 Freelance issues

“Freelancing is tough. It may be very hard, in reality. It May wear people down, making them lose sight of whatever they utilized to love simply because they need to just do everything else to get by.” – Mason Hipp, The Unlimited Freelancer Recently, a friend of mine switched to become a freelancer that is full-time.… Continue reading How exactly to Overcome The Top 4 Freelance issues

How to Use BrowserSync for Faster Development

BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development

Set Up Google reCAPTCHA in OpenCart

Whether you’re a pro or a fresher in the world of website development, the word CAPTCHA should not sound alien to you. It is an important and widely used technique to determine if the user is a bot or an actual human. There are lots of third-party scripts that allow you to set up CAPTCHA… Continue reading Set Up Google reCAPTCHA in OpenCart

Essential Design Trends, March 2016

One of the great things about looking at trends each month is catching a glimpse of what designers are experimenting with. In particular, you start to see a distinct crossover of elements that you might have missed at first glance. That exact thing happened with this month’s collection. Note all the yellow and gold tones. Even… Continue reading Essential Design Trends, March 2016

How to Work With WordPress Comment Metadata

Throughout this series, we’ve looked at a number of the metadata APIs that are offered by WordPress. This includes the Post Meta API and the User Meta API. Today, we’re going to be rounding out the series by looking at the WordPress Comment Meta API. Note that this is that the final metadata API WordPress… Continue reading How to Work With WordPress Comment Metadata

How to Work With Images in Shopify

When starting out with a new platform, such as Shopify, there’s a lot to learn. Whilst Liquid, the template language used in Shopify themes, is very readable and easy to get started with, one area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for… Continue reading How to Work With Images in Shopify

Looking to Code Your Designs? 9 Hand-Picked Services

Most website designers leave the coding to professional developers; since they have neither the time, the inclination, nor the necessary skills to do so themselves. Even designers who are proficient in coding, often prefer to leave the work up to professionals who they know will get the job done right. If you’re still fairly new… Continue reading Looking to Code Your Designs? 9 Hand-Picked Services

Weekly Inspiration: Discoverability and Feedback

Recently Vox, together with 99% Invisible, produced a brilliant short film about a door on the tenth floor of the Vox Media office. Besides many other doors, it featured Don Norman: design icon and celebrated author of The Design of Everyday Things. The purpose of the film was to highlight the usability of products and systems, whittling down… Continue reading Weekly Inspiration: Discoverability and Feedback

Editing Images in CSS: Combining Techniques

In last two tutorials of this series, we have discussed how filters and blend modes can completely change the appearance of images. In this tutorial, I will cover the basics of editing images by using both these properties together. The Basics of Layering Image Effects With CSS Any non-primitive image editing usually requires more than… Continue reading Editing Images in CSS: Combining Techniques

Geometric Design: How to Draw a Flowery Tiling Pattern

What You’ll Be Creating This Islamic tiling pattern is atypical in its use of curves, as most of the traditional designs are made up solely of straight lines (even though circles are used extensively to create the underlying grids).  It is based on the seven-circle grid which we learned to draw in more detail in… Continue reading Geometric Design: How to Draw a Flowery Tiling Pattern

How to Install WordPress: The Application

In this introductory series for how to achieve some tasks in WordPress, we’ve talked about themes and plugins and how to install our web server. The one thing we haven’t covered, though, is how to install WordPress. In this tutorial, I’m going to walk through the process of downloading a copy of the WordPress source… Continue reading How to Install WordPress: The Application

Animation for Beginners: How to Animate a Character Running

What You’ll Be Creating In this tutorial we will be animating a cycle of a character running. In this case, the character will appear to be running in place. If this run cycle were to be incorporated into a movie, perhaps a background scrolling from right to left would be behind the character. Walks and… Continue reading Animation for Beginners: How to Animate a Character Running

iOS 9: Additions to SceneKit

Introduction SceneKit is a high-level 3D graphics API that has been available in OS X since version 10.8 (Mountain Lion) and was introduced on iOS with the release of iOS 8. In this tutorial, I show you the major improvements and new capabilities the framework has gained with the release of iOS 9 and OS… Continue reading iOS 9: Additions to SceneKit

How to Install a WordPress Plugin

One of the challenges of writing articles focused on web development and software development is making sure anyone and everyone who wants to learn a skill is able to do so. When you provide as much content as Envato, it can often be a challenge to make sure you’re educating everyone. This includes people who are… Continue reading How to Install a WordPress Plugin

How to Create Diagonal Lines with CSS

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today! Prefer a Video Tutorial? Step 1: The Markup We begin… Continue reading How to Create Diagonal Lines with CSS

Build Bootstrap in Minutes Using Emmet

Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today’s videos we’re going to build ourselves a Bootstrap layout, in record time, usingEmmet‘s powerful time-saving markup syntax.   Using Emmet Before we dive into Bootstrap, it’s worth taking a minute to become familiar with what Emmet is… Continue reading Build Bootstrap in Minutes Using Emmet

Free Download: Flattastic UI kit

Give your flat design a boost with this Flattastic UI kit, designed by Vlade Dimovski, free to download and simple to use. The PSD is properly layered, with intuitive naming, making modifying it for your own projects a synch. The design features four pairs of complimentary colors perfect for any flat design: bittersweet, which is #FC6E51 and… Continue reading Free Download: Flattastic UI kit

Why Media Temple’s Grid Package Is Such A Likeable Hosting Option

The Media Temple Grid type hosting plan is the best value for blog, business or personal web hosting, for a number of reasons. First among these is the scalability it comes with:  there is no fixed capacity, so you’re always online. The number of computers comprising the grid can be augmented with just a flip of… Continue reading Why Media Temple’s Grid Package Is Such A Likeable Hosting Option

35+ Best CV and Résumé Templates

In this post, we will concentrate on CV and résumé templates that will help you stand out from the rest. The résumé is among the most essential tools to use when applying for a new job opportunity. With the stiff competition in the job market today, it is not enough to provide a very simple,… Continue reading 35+ Best CV and Résumé Templates

14 Fantastic Free Tools for Design Collaboration

For designers, collaborating and sharing design concepts can be frustrating. The process is often initiated over email, while we wait for feedback and sort through comments and revision notes. However, there’s a wealth of excellent collaboration tools to make it easier to get feedback and approve artwork in a timely, professional manner. For freelancers or… Continue reading 14 Fantastic Free Tools for Design Collaboration