All Posts in Tuts+

  • Code
    How to Load In and Animate Content with jQuery200
    41 shares
    In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.Read More…
  • Design & Illustration
    6 Techniques to Compose Your Work Using Repeating Shapes and Flexible PatternsPreview
    Let's take a look at some digital illustration techniques that you can use in your artwork. Try analyzing artist's work to discover not only how they do something, but also why they might use a certain technique. Pick a vantage point and look at the work from that particular view. In this article, we have an analytical lens we'll be looking through. We'll consider the use of repeating shapes and flexible patterns being used by artists today.Read More…
  • Design & Illustration
    Inspiration: Vexel Style ArtworkPreview
    2 shares
    Vexels are a style of design composed of multiple layered shapes. Photoshop is a popular program to use to compose these graphics, as a pixel output is part of the style, though almost any software with a good Pen Tool could be used to make vexels. Get inspired by a wide spectrum of vexel artists. Learn how to create your own vexel graphics through beginner and intermediate tutorials on the subject. And don't miss the time-lapse vexel videos. Get to know the characteristics of this strong digital style.Read More…
  • Design & Illustration
    Psdtuts+ May Contest UpdateContests
    The end of the month is nearing. Now is the time to plan and execute that contest winning design. The competition is nearing the pinnacle of its dramatic arch. Also, we present some great selections of new contest entries. Let's check them out!Read More…
  • Code
    Which CSS Grid Framework Should You Use for Web Design?200
    10 shares
    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
    9 shares
    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
    7 shares
    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
    16 shares
    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
    2 shares
    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…