Category: Tutorials

You learn something everyday if you pay attention

Create Typography Using Simple Geometric Shapes in Photoshop

In this Photoshop tutorial, I will show you how to Create Typography Using Simple Geometric Shapes in Photoshop. This is a fun and simple tutorial, aim to get you familiar with the Shape Tool in Photoshop. Have an attempt! This is an intermediate degree difficulty guide plus some actions can be tricky. Note: The Photoshop guide is… Continue reading Create Typography Using Simple Geometric Shapes in Photoshop

Fullscreen Scrolling Tiles with pagePiling.js

Parallax and page scrolling plugins are rather popular among the open source community. A new one to add into the mix is pagePiling.js. This completely free open source plugin runs on top of jQuery for a unique “slide” design. Each section of the page slides out of the way while scrolling. It’s not exactly parallax,… Continue reading Fullscreen Scrolling Tiles with pagePiling.js

The Benefits of WP Engine Developer Tools

What You’ll Be Creating If you’re like me, you’ve been a passionate self-hosted WordPress developer for a long time. But there’s one managed host that’s consistently stepping forward to provide solutions to common publishing challenges: WP Engine. WP Engine isn’t your typical bare-bones managed hosting provider for WordPress. Instead they are developer-oriented and work hard… Continue reading The Benefits of WP Engine Developer Tools

WP REST API: Setting Up and Using OAuth 1.0a Authentication

In the previous part of the series, we set up basic HTTP authentication on the server by installing the plugin available on GitHub by the WP REST API team. The basic authentication method allows us to send authenticated requests by sending login credentials in the request header. While being quick and handy, there’s also a… Continue reading WP REST API: Setting Up and Using OAuth 1.0a Authentication

Quick Tip: Don’t Forget the “noscript” Element

JavaScript is a powerful language which brings websites to life with interactivity, until that dreaded moment when JavaScript is disabled in the browser, out of the blue. In this quick tip we’ll look at providing fallbacks with the <noscript> element. No JavaScript Users might disable JavaScript for a number of reasons. They might be doing so to… Continue reading Quick Tip: Don’t Forget the “noscript” Element

Animation for Beginners: How to Animate a Character Walking

What You’ll Be Creating In this tutorial I will be taking you through the steps of how to animate a character walking in place. Basically you will be creating a walk that loops infinitely, so if you were to incorporate a walk like this into a movie, perhaps the background would be scrolling from right… Continue reading Animation for Beginners: How to Animate a Character Walking

Designing an iOS App in Sketch

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we start the tutorial, there’s a few things you’ll need: Once you have the items installed, let’s go ahead and create some awesome… Welcome Screen Let’s… Continue reading Designing an iOS App in Sketch

WordPress Actions and Filters: What’s the Difference?

Action and filter hooks are a fundamental part of the various WordPress APIs. Without them you’re limited as to what you can do in your themes and (especially) your plugins. But sometimes it can be easy to confuse the two, especially in the cases when WordPress has both an action hook and a filter hook… Continue reading WordPress Actions and Filters: What’s the Difference?

How to Work With Excel Documents Using Python

I believe you have used Microsoft Excel on some occasion. It is very powerful when it comes to working with spreadsheets, tables, charts, etc. But what does Python have to do with that? Python is a game changer when it comes to Excel files because it can automate daunting stuff you might encounter in some… Continue reading How to Work With Excel Documents Using Python

Creating Your First Desktop App With HTML, JS and Electron

Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and… Continue reading Creating Your First Desktop App With HTML, JS and Electron

How to Create Flat Profession Avatars in Adobe Illustrator

In this tutorial we’ll be making a set of flat-style portraits, depicting people of different professions and occupations. Such images can be used as avatars for social networks or as design elements for your website, depicting various categories. Or you can even draw yourself, using such flat-style portraits for your business card.  If you want… Continue reading How to Create Flat Profession Avatars in Adobe Illustrator

Create “Racing Vertical” Digital Art in Photoshop

In this tutorial I’ll show you how to create dynamic racing photo manipulation in abstract world. If you are interested in not only repeat this photo manipulation, but also learn how to create such an abstract rendering then you should read my tutorial “Create colorful abstract glossy render in Cinema 4D” on this site. Today… Continue reading Create “Racing Vertical” Digital Art in Photoshop

Knowledge Persistence and Sessions With React

Having a “remember me” function is a very useful feature, and implementation with React and Express is relatively easy. Continuing from our last part where we set up a WebRTC chat application, we will now add Mongo-backed persistent sessions and a database-backed online user list for good measure. Sessions? If you have not used sessions… Continue reading Knowledge Persistence and Sessions With React

Vertical Navigation in CSS and jQuery

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them. [sociallocker]Demo Download[/sociallocker] Our first concept of vertical fixed navigation is one of our most popular resources. This time, we tried to push this concept a little further. The basic idea behind putting round indicators on the side of… Continue reading Vertical Navigation in CSS and jQuery

How To Create a Text Portrait Effect in Photoshop

In today’s Photoshop tutorial we’re going to create a cool portrait effect using a long passage of text that bends and deforms around the contours of the face. Known as a Calligram, this effect is particularly powerful when used to present famous quotes or speeches by depicting the author/speaker with the actual words. Photoshop’s Displace… Continue reading How To Create a Text Portrait Effect in Photoshop

WP REST API: Setting Up and Using Basic Authentication

In the introductory part of this series, we had a quick refresher on REST architecture and how it can help us create better applications. We then explored the history of REST APIs in WordPress and introduced ourselves to the latest addition: the WP REST API plugin. We set up a basic working environment for testing… Continue reading WP REST API: Setting Up and Using Basic Authentication

Create this Poster Design with Abstract Effects in Photoshop

Create a creative poster with beautiful visual effects. In this tutorial I’ll show you how to quickly and easily create a unique poster using abstract rendering and many interesting effects like lightning, glowing lines and police tape. And all of these effects you can create your own in Photoshop. Read this tutorial and see how… Continue reading Create this Poster Design with Abstract Effects in Photoshop

10+ New Sketch Plugins to Improve Your Design Workflow

It’s been over a year since I wrote this article in which I showed you how to extend Sketch through plugins and different resources. The Sketch community continues to grow and during recent months it’s given us tons of new and interesting ways to make our daily job even easier. Let me share with you a… Continue reading 10+ New Sketch Plugins to Improve Your Design Workflow

Advanced Photo Manipulation for Advertisements

In this course you will learn how to create stunning photo manipulations using Photoshop, Illustrator and Lens Flare. You will be creating an advertising campaign using stock photos and learning some advanced photo manipulation techniques, such as lighting effects and text effects that will allow you to enhance your clients’ advertising campaigns or promotional material.… Continue reading Advanced Photo Manipulation for Advertisements

How to Color in a Traditionally Inked Comic in Adobe Illustrator

Learn how to turn a traditionally inked comic page into a warmly lit night scene in vector. With live paint, global process colors, gradients and different layer transparency settings in Adobe Illustrator, we will turn our black and white artwork into a comic page brimming with color. 1. Prepare the Line Art Step 1 I have… Continue reading How to Color in a Traditionally Inked Comic in Adobe Illustrator

Advanced Command Line Techniques

Want to learn some more advanced command line tips that will help you with Bash and Zsh shells? That’s what this course is all about, and we’ll even write shell scripts along the way. Lessons: 32 Length: 2.6 hours Categories: Command-LineWorkflow https://youtu.be/R74xYp9N6Sw https://youtu.be/VzkamWRTdmw https://youtu.be/cB9sgOEEPjg https://youtu.be/mHQqWCqktDM https://youtu.be/SY-TtHkYmxA

Learn Advanced High End Beauty Retouching in Photoshop

High End Beauty Images are desired product in advertisement of luxurious products as well as in Fashion and Beauty magazines. In this course You will learn the best techniques for High and Beauty Retouch, which are going to place Your retouching skills on a totally new level. So first of all what is High End… Continue reading Learn Advanced High End Beauty Retouching in Photoshop