Category: Tutorials

You learn something everyday if you pay attention

38 WordPress Tutorials for Hacking Custom Functionality

The WordPress core has been updated frequently by a team of well-educated developers. This has lead to many advances so even theme designers can greatly enhance the user interface. When searching in Google you can find a lot of tutorials related to WordPress, bbPress, and BuddyPress customization. In this post I’ve organized 38 niche-specific tutorials… Continue reading 38 WordPress Tutorials for Hacking Custom Functionality

Tips on Using Inkscape’s Fill and Stroke Options

Fill and Stroke is the heart and soul of Inkscape – it’s all just lines and nodes until some style is applied. In this quick tip, we’ll check out some of the best stuff Fill and Stroke has to offer!   1. Fill Colors in Inkscape Step 1 There’s four main types of Fill styles… Continue reading Tips on Using Inkscape’s Fill and Stroke Options

Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet.… Continue reading Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

How To Create a Comic Style Text Effect in Illustrator

In today’s Illustrator tutorial we’re going to create a comic book inspired text effect your favourite superhero would be proud of. Learn how to create a basic 3D effect using the Blend tool and produce cool halftone patterns to give the design that retro screen printed appearance. These two techniques alone are crucial additions to… Continue reading How To Create a Comic Style Text Effect in Illustrator

Animating Personal Skill Bars With CSS3 Keyframes

This design technique is commonly found on personal portfolios or design studio websites. Skill bars represent a level of knowledge related to certain tasks – web design, illustration, branding, character design, you name it! Adding some fancy animations to these skill bars will provide a quicker connection to the viewer.  In this tutorial I want… Continue reading Animating Personal Skill Bars With CSS3 Keyframes

Adding Localization to Tumblr Themes

In this episode of Tumblr Theming 101 we’ll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We’ll also look at adding localized theme strings, for multilingual support.   Localization (Amongst Other Things)  Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube Useful Links Fitvids.js Fitvids.js… Continue reading Adding Localization to Tumblr Themes

15 Free CSS JQuery Tabs Plugin And Tutorials

CSS jQuery tabs plugin and tutorials helps you to create tabbed navigation and improve usability and browsing experience. Jquery tabs are easy to use. CSS jQuery tabs plugin make helps you to create simply tabbed interface by using simple coding techniques in HTML and CSS using the specific functionality of jQuery, while in tutorials we… Continue reading 15 Free CSS JQuery Tabs Plugin And Tutorials

Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first two parts of this series, you learned how to prepare static HTML for WordPress and to split your HTML file into a set of template files. You now have the beginnings of a theme,… Continue reading Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap

Twitter Bootstrap has been a great front-end tools for most web developers. Especially for backend development, it saves us plenty of times and efforts. Backend usually doesn’t need fancy design, hence, Bootstrap will be really handy to make the layout rapidly and reuse UI component easily. Previously, we introduced a WYSIWYG Rich text editor for… Continue reading Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap

Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour Part 1 Part 2 Part 3 Part 4 In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid and that the correct classes were being used. In this tutorial… Continue reading Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4   Final Product What You’ll Be Creating Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their first WordPress theme, how did… Continue reading Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

25 Amazing Photoshop Tutorials For Graphic Designers

Adobe Photoshop is an essential toolkit and most popular graphic editing program to all designers and designers love all of those Photoshop tuts that can help them to learn more and more and give them direction to design more beautiful and attractive creative works. Here you have “25 Amazing Photoshop Tutorials For Graphic Designers” to… Continue reading 25 Amazing Photoshop Tutorials For Graphic Designers

Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

In this tutorial, we will learn how to create an conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser… Continue reading Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

7 Adobe Illustrator Alternatives for the Casual Designer

Last year I posted a roundup of the best Photoshop alternatives aimed at casual designers or hobbyists who wants to fulfill their creative passion, but don’t want to spend hundreds of dollars on expensive industry standard software. I’m a big Illustrator fan myself and I post loads of Illustrator tutorials here on my blog, but… Continue reading 7 Adobe Illustrator Alternatives for the Casual Designer

10 Fresh JavaScript Libraries for Web Developers

JavaScript library is pre-written JavaScript code snippets for specific functionality to ease web developer work. These JavaScript libraries are the best resource for the web developers. JavaScript libraries are developed by professional developers to help out novice web developers. You will get benefited with these JavaScript libraries for AJAX development and JavaScript Application development. There… Continue reading 10 Fresh JavaScript Libraries for Web Developers

Long Exposure Wallpapers [Wallpaper Wednesday]

Photography may help in growing your passion for doing things that may seem ordinary to others but feel absolutely unique to you. Indeed, even seemingly ordinary things like roads and cars can make a totally unique scene through the eyes of a photographer. With effort and more importantly passion, one can produce amazing results like… Continue reading Long Exposure Wallpapers [Wallpaper Wednesday]

The Creation of “Mechanical Man” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Mechanical Man” digital art in Photoshop. We will use a number of photo manipulation techniques to merge several objects into one piece, and apply image adjustments to fine-tune each of the objects to achieve the desired effect. This is an immediate level tutorial… Continue reading The Creation of “Mechanical Man” Photo Manipulation in Photoshop

Create a Vinyl Record Player Icon in Adobe Illustrator

In the following steps you will learn how to create a vinyl player icon in Adobe Illustrator. For starters, using a simple grid and the snap to grid feature along with basic tools you will create the main shapes. Next, you will learn how to create a conical gradient using a somewhat complex mesh. Using… Continue reading Create a Vinyl Record Player Icon in Adobe Illustrator

Getting Started With Pixelmator

Pixelmator is an easy-to-use, fast, and powerful image editing app for the Mac. In this tutorial, we will give you a brief introduction to Pixelmator. We will begin by taking a look at the Pixelmator workspace, show you how to create a new document, adjust Pixelmator’s preferences, and how to do some work in Pixelmator… Continue reading Getting Started With Pixelmator

Create a Halloween Photo Manipulation in Photoshop

Preview of Final Results Tutorial Resources Pumpkin – by TheKaykat-Stock Tombstones – by wolverine041269 Dead Trees – by Free-Stock-By-Wayne Grave House – by Free-Stock-By-Wayne Dig Sites – by Free-Stock-By-Wayne Ravens & Crows – by FairieGoodMother Hayswagon – by CHEYENNE75 Bat Brush – by radroachmeat Fog – by Moonglowlilly HOUSE 07-03 – by CHEYENNE75 Pumpkin On… Continue reading Create a Halloween Photo Manipulation in Photoshop

New to Photoshop? Get Started Here!

So you’ve decided to teach yourself Photoshop? That is so exciting! Thank you for choosing Tuts+ as your place to learn. Photoshop is a fantastically powerful application that will allow you to manipulate images in just about any way you can think of. You can remove unwanted people or distractions from a photo, make color… Continue reading New to Photoshop? Get Started Here!

20 Responsive Menu Tutorials with Free Scripts

Responsive designs are more and more frequently used today. Many people started using mobile devices, like smartphones or tablets, to browse the internet, and thus, having a fully responsive website is a must! But what is a responsive design? Responsive designs have specific CSS media queries added, in order to make them fit on any… Continue reading 20 Responsive Menu Tutorials with Free Scripts

Create a Surreal “Game of Thrones” Photo Manipulation

Preview of Final Results Tutorial Resources Model – faestock Mountains – Burnt Sky – salsolastock Ball – rivendell-photostock Colors – needanewname Snow Brush – carocha Step 1 – Open a new file Open Photoshop and ant the top of the screen select the option File – New. The size has to be Width: 2249 and… Continue reading Create a Surreal “Game of Thrones” Photo Manipulation