Web Design & Development Tutorials


Have a look at our student guest Web Design Inspiration Posts

CSS3 selectors tutorial for advanced web designers

The Intro This tutorial aims at shedding some light onto several of the more advanced and fancy CSS3 selectors that are available to designers for manipulating the DOM. This tutorial assumes you’ve got a solid grasp of regular CSS selectors such as tag, id, class, compound, descendant, grouped, and pseudo selectors. We’ll be covering some […]

Disable post formats ui buttons wordpress 3.6

WordPress 3.6 introduces and entire User Interface (UI) for the “Post Formats” idea.  It’s on the add and edit post screens.  I generally dislike post formats as  I much prefer to separate my different posts into custom post types.  I find the UI clumsy and rather counter intuitive for clients.  There are several new functions […]

File Upload Progress CakePHP with PHP 5.4

I’ve been working on a nifty project, which is aimed at making it easy to manage art calls for entry software. I’ve implemented the great plugin by Mile Johnson which can be found here. It handles some of the tasks of thumb-nailing and validating your file uploads. What is doesn’t do is track progress and […]

CSS3 Gradient Stroke on Text Effect

css gradient stroke text

I happened upon this little method of creating text strokes that are gradient filled by chance! I was trying to replicate a fancy text effect I had done in Photoshop, and had a “maybe I could…” moment. As far as I know, this is the first such documented case of this little trick! If you […]

Create a Custom Animated Pre-loader in Photoshop

Introduction This tutorial will cover creating a custom designed pre-loader in Adobe Photoshop.  We’ll be creating the loader from scratch, covering the animation process and finally converting it to an animated .gif! Here is what the finished product will look like: Finished Product – What you’ll be creating It’s fairly in-depth, here we go! Phase […]