All Posts in Tuts+

  • Code
    Leopard Desktop with jQuery using jqDock200x200
    jQuery adds a whole lot of cool functionality to your websites. It can do a range of things, from animation to AJAX. It's usually frowned upon to rely heavily on jQuery to design your sites, but it's fun to go wild every now and then. In this tutorial I'll teach you how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding a whole lot of gadgets or widgets you don't have space for!Read More…
  • Design & Illustration
    30 Kick-Ass Vector Based T-Shirts from Top DesignersMonsterprev
    This collection of 30 stunning T-Shirt designs is an inspirational roundup of examples from some of the best names in the apparel world, each with their own unique take on vector illustration and design. Vector based artwork not only looks great, but the nature of vector design makes it a perfect choice for professional design for print: design for products such as T-Shirts require color separations in order to be produced by industrial printers. With the closing date for our Vector T-Shirt design competition fast approaching (September 28th), it's time for some last minute inspiration!Read More…
  • Design & Illustration
    Make an Aurora Borealis Design in IllustratorPreview
    To recreate the light patterns of the Aurora Borealis you'd probably turn to Photoshop's filters and effects. Use Illustrator however, and you'll not only achieve a stunning end result, but you'll also benefit from the flexibility of working with vectors. This is an intermediate level tutorial rewarding you with an attractive desktop wallpaper for your efforts!Read More…
  • Design & Illustration
    40+ Creative, Courageous, and Campy ButtonsPreview
    A button (or badge in some places outside the US) can be designed for maximum impact through message, image, and cleverness. They have a capacity to communicate change and are often proudly worn as badges that represent our causes and beliefs. Designers can tap into this capacity to communicate through creative button designs that challenge our conceptual thinking, promote positive change, while stylistically pushing the medium. In this post, we look at over 40 button designs driven from a variety of sources: modern illustrators, campy old cartoons, political badges, close up textures, positive causes, and more. Let's look at some inspiring buttons and see if we can kick our creative engine into gear.Read More…
  • Music & Audio
    6 Most Idiotic Publicity Stunts In Rock Music HistoryPubprev
    Imagine if you will, your band is sitting at the very edge of rock greatness. All those years spent in cramped vans touring the sleaziest of clubs have finally paid off. You've signed the big money contract and recorded what, most everyone involved tells you, may be the greatest damn album ever made. But there is one problem. Nobody is paying attention. So what do you do to get yourself some much needed publicity? No idea, but here are six things you may want to avoid, if that helps.Read More…
  • Code
    How to Create a Wordpress Theme from Scratch: Part 2200x200
    It's time for the good stuff now. We'll be adding the comments system, a sidebar with widgets and an archive for all the old posts. This will cover all that you need for a simple but well functioning WordPress theme, and hopefully you be able to apply this to all sorts of theming projects. Read More…
  • Code
    Learn How to Create a jQuery Plugin200x200
    You might think to yourself, "What is all the fuss with jQuery? You have to download a bunch of plugins to even make the library worth while.". First, that isn't true. Second, the jQuery library was specifically designed for that very purpose. By keeping the core library as small as possible - about 16 kb - users can then apply additional plugins at their own discretion. Today, I'll teach you how to build your first "Center" plugin from scratch. Let's get started! Read More…
  • Design & Illustration
    Make an Inspiring Artistic Poster with Drawn ElementsPreview
    In this tutorial, we'll create drawn elements, use design brushes, bring them into Photoshop, and merge them into a unique poster composition that feels hand-made, stylistically unified, and personalized. The techniques here are focused on creating an original artistic illustration. Let's see how this poster design was created.Read More…
  • Design & Illustration
    Design a Colorful USB Flash Stick with Tattoo Style Decals200usb
    In this tutorial, we'll explain how to create a semi-realistic flash stick with gradients and simple shapes. We will make our own custom brush to create tattoo style swooshes. Also, we'll review how to use Global Colors in Illustrator, which allows us to flexibly change the colors of an object on the fly.Read More…
  • Design & Illustration
    30 Brilliant Vector Logo Designs, DeconstructedLogoprev
    A kick-butt logo design is of great importance to any business. Often seen as the first impression of a company, its logo must be tailored to communicate specific values and ideals in an instant. However, logos not only have the look good, they should also be thoughtfully designed and capable of taking on a variety of uses. This could include being scaled to a range of sizes, being reproduced in flat color and being printable on paper stock. In this post we look at 30 contemporary examples of great vector logo design and find out what makes them work.Read More…
  • Code
    10 Smart Javascript Techniques to Improve Your UIRarecleverprev
    Javascript can add a lot of special effects that can really improve the user's experience. Here are 10 simple and clever Javascript techniques that add an extra dose of usability to any webpage. Javascript is typically used as an aesthetic language in web development. This means that web developers should almost always be using Javascript for one thing only: Improving the visitor's experience. There are many clever and useful ways to improve a site from the user interface perspective. A developer can find nearly any snippet of Javascript to achieve what he or she wants to accomplish.Read More…
  • Design & Illustration
    How to Create a Regal Sword and Shield DesignPreview
    Learn to create a strong, yet sleek shield design complete with battle scars, blood, and swords. We'll use various shapes and effects to create a strong illustration and provide a wallpaper as well. Learn how to apply cutting slashes and glowing highlights to this triumphant composition.Read More…