Get our posts emailed to you with our monthly newsletter, subscribe here.

Web development tutorials often cater towards beginner starting topics. However there are plenty of intermediate-to-advanced level tutorials focused on complex development techniques. Even people with years of practice may one day look towards an online tutorial to educate themselves on an unfamiliar topic.

In this gallery I’ve put together a handful of brilliant tutorials related to designing and coding a personal portfolio. You can find help on HTML/CSS, jQuery, and Photoshop design mockups. Some articles will be pretty simple while others get into the more nitty-gritty details. Take a look over these headlines and see if there’s anything you may want to learn about.

Twitter Bootstrap Portfolio using HTML5 and CSS3

html5 bootstrap twitter portfolio layout tutorial

Simple Responsive Portfolio Page with Filtering

filtering and hover animation effects responsive portfolio

Creating a “Filterable” Portfolio with jQuery

net tutsplus webdesign filterable jquery portfolio

Customize a WordPress Theme for Your Freelance Portfolio

freelance portfolio tutorial howto using wordpress

Create a Stunning jQuery Filterable Portfolio

frontend web development tutorial jquery filter portfolio

Building a List/Grid View Switcher with jQuery

jquery details list grid view switcher effect tutorial howto

Create a Photography Portfolio Design

creating website design photography portfolio layout

Build a Stylish Portfolio Concept

portfolio web design concept howto tutorial chris spooner

Design & Code A Photo Portfolio Site

design and code build photography portfolio layout

Illustrative Single Page Web Design in Photoshop

tutsplus tutorial singlepage website layout photoshop mockup

Responsive Filterable Portfolio with CSS3 Twists

responsive filter portfolio css3 twiets tutorial

Create a 3D Portfolio Layout Design

creating a 3d portfolio layout inspiring design

Filter Functionality with CSS3

css3 animation tutorial filter functionality

Animated Skills Diagram

css3 animated skills diagram tutorial howto codrops

Portfolio Image Navigation with jQuery

portfolio image navigation tutorial howto jquery codrops

Portfolio Zoom Slider with jQuery

zoom slider portfolio jquery inspiring tutorial howto

WP Custom Post Types for a Killer Portfolio

wordpress custom post types tutorial portfolio

Quicksand Portfolio in WordPress

tutorial quicksand wordpress jquery sorting plugin

Filterable Portfolio in WordPress and jQuery

filterable portfolio layout using wordpress jquery howto

Adding a Portfolio Custom Post Type

portfolio custom post type cpt wordpress tutorial

How to Create a Portfolio Layout

html css portfolio tutorial howto coding website

Free Portfolio Template Design

download html css jquery portfolio single page layout

Minimalist Website Design from Scratch

breezi tutorial minimalist website design howto open source

Flat Portfolio Landing Page

flat portfolio website landing page design tutorial howto

Dark Textured Portfolio Template in Photoshop

freebie psd tutorial dark texture portfolio mockup photoshop

Posted by Jake Rocheleau

Jake is a freelance writer, designer, and illustrator. He currently writes articles on user experience design and web development techniques. You can check out his work on Dribbble and follow his tweets @jakerocheleau.