All Posts in Tuts+

  • Code
    Which CSS Grid Framework Should You Use for Web Design?200
    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.Read More…
  • Design & Illustration
    Create a Shiny Lock Icon DesignLock icon preview
    A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!Read More…
  • Design & Illustration
    Create a Wavy Blackberry Style Wallpaper DesignBlackberry 200
    In this tutorial I will show you how to create an abstract background image using Photoshop only. The design has a cool wavy pattern with interesting lighting effects, like the Blackberry 9000 wallpaper. This is a tutorial you can sit down and complete in less than an hour. Let's get started.Read More…
  • Code
    Create a Cool Animated Navigation with CSS and jQuery200
    Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe's Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we're going to build a really cool animated navigation menu using just CSS and jQuery.Read More…
  • Design & Illustration
    Sitepoint has Released a Free Complete Photoshop eBook8
    Some quick news about a free Photoshop eBook giveaway. Download a full PDF of Sitepoint's Photoshop book that is targeted at entry-level Web designers. More information about this no-strings attached download after the jump.Read More…
  • Design & Illustration
    How to Create Step-by-Step Photoshop Design TutorialsPreview
    Writing a Photoshop tutorial can look like a daunting task. This article will help to make it easier. It shines a light on the process of creating a step-by-step Photoshop design tutorial, while explaining the format to follow for publication on the Psdtuts+ site. It gives examples, tips, and guidelines for you to follow, which will help you construct the next great Photoshop tutorial!Read More…
  • Code
    Build a 'WordBurner' Email Newsletter Manager using WordPress and FeedBurnerWordburner
    There are lots of different ways to communicate with your users these days. RSS feeds, SMS, & sites like Twitter have changed how we speak to our audience. But for my money, you can't beat the personal touch of a good ol' email newsletter. Of course keeping up a newsletter can take effort, but in this tutorial I'll show you how to use your regular Wordpress website combined with Feedburner to make a simple email newsletter manager.Read More…
  • Design & Illustration
    Use a 3D Model to Create a Dramatic Scene in PhotoshopPreview
    For this tutorial you'll need Photoshop CS3 Extended, as the tutorial utilizes that version's unique 3D Tools. You will import a three-dimensional object of an airplane and use it to create a dramatic scene. Use the Vanishing Point filter to create realistic shadows, add texture to the model, and use brush Tools to get awesome results.Read More…
  • Design & Illustration
    Create a 60's Psychedelic Style Concert Poster200x200
    In this tutorial, we will go through the steps to create a retro 1960s psychedelic concert poster. This tutorial relies heavily on the use of the Warp Tool, but includes a few other techniques as well. Let's get started.Read More…
  • Design & Illustration
    Tutorial Removed200 removed
    Today we've had to unfortunately remove a tutorial due to copyright issues. As all creatives should, we take copyright very seriously here at Psdtuts+. The tutorial in question has been removed, the author has not been paid, and I'll personally be investigating further to get in touch with the original author to apologize and ensure everything is sorted out.Read More…
  • Code
    How to Build a Maintainable Site using CushyCMS and Twitter200
    Sometimes it seems there are as many CMS products out there as there are web developers. In this tutorial we're going to build a simple one-page site and then in less than 5 minutes, get it setup with a Twitter feed for daily updates and with CushyCMS for general content. If you haven't seen it, Cushy is a completely free and extremely simple to use product that's come on the market recently.Read More…
  • Design & Illustration
    Inspiration: Gadgets, Devices, and Handheld Electronics200x200
    Consumer electronics has captured the imagination of many designers. Get inspired by handheld electronics through digitized advertisements of media players and cell phones. Learn how to create images of handheld devices from scratch in Photoshop. You'll also be introduced to a wide array of articles and resources on gadgets. That way, you can continue to be inspired by this field of design.Read More…