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. Read More
For a recent design mockup I was on the hunt for some decent flat browser surrounds and flat iPhone and iPad PSD’s.
I also came across tons of awesome flat design resources that I bookmarked for various future projects, I thought it would be useful to you all if I shared with you some of favorite flat design resources of late. Read More
Photoshop actions can be a serious time saving tool when editing photos. Rather then repeating laborious steps to create a photo effect, Photoshop actions allow you to create an effect in as little as one click – pretty handy when your time is valuable.
If your new to Photoshop actions, they are created from recording the steps you took to complete a task – you can then save and replay this action again without having to go back over each step of the task. Photoshop actions can be created and saved, but crucially you can import actions that others have previously created. Read More
Last week I was putting the finishing touches on a new WordPress theme, I wanted to include some social icons that would be output from the theme options panel if the user entered their details. I am by no means an icon designer, so I went in search for gorgeous, pixel perfect social icons that I could use in the project.
The 15 free social icons below are part of the collection I put together, I hope you find them useful and download them to your icon collection. Read More
On a recent design I was working on I wanted to use an extremely subtle and light texture on the background to create a little more depth and dimension to the background, rather then simply just using a solid background color. I tested out many different background textures and patterns so I thought I would share with you some of my favorite light background patterns you can download and use. Read More
Textures play big role in today’s web design world. I am talking about the subtle textures and patterns sometimes even used as minimalism attributes in web design and mostly used for website backgrounds. There are few reasons why designers are using these textures in their work. Subtle textures are popular among designers because it is a good way to add depth, detail, and give personality to website. In this compilation I would like to share with you 20 free subtle textures and patterns for using as website backgrounds. Hopefully you will find this collection useful for your future projects. Read More
This is the first post in a two part tutorial, in this post I will walk you through how to create a clean and stylish login form in Photoshop, next week I will code the login form from the design concept into HTML/CSS3. Grab the RSS feed to catch the next post. Read More