Smashing Magazine ~ we smash you with the information that will make your life easier. really.
Smashing Magazine we smash you with the information that will make your life easier. really.

Articles by Topic: Tutorials

  • Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

    Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

    Lighting effects in Adobe Photoshop are used to add flare and polish to images. They communicate feelings of creativity, technology, magic, and fantasy. Creating beams, glows, motion trails, rainbows, or an assortment of other lighting effects, give your images... More... 90 Comments

  • Adobe Photoshop Video Tutorials - Best Of

    Adobe Photoshop Video Tutorials - Best Of

    by Dirk Metzmacher The best thing about Photoshop video-tutorials is that they allow you to observe professionals just as if you were standing nearby and looking over their shoulders. You can see step-by-step how buttons, collages or even paintings are created.... More... 115 Comments

  •  
  • Adobe Fireworks Tutorials and Downloads - Best of

    Adobe Fireworks Tutorials and Downloads - Best of

    Adobe Fireworks is the industry leader for prototyping and rapid site building. Some of you may not be aware of this, as you may be using Photoshop for each phase of web-site production. The articles, tutorials, and resources gathered here will convince you of... More... 122 Comments

  • Drunken Monkey Photoshop Tutorial

    Drunken Monkey Photoshop Tutorial

    In this article I will explain step-by-step how I've designed an attractive character in one of our recent projects, namely for the company "Drunken Monkey Collectibles". I will review the entire design process, from the first sketches and drafts to the... More... 70 Comments

  •  
  • Adobe Illustrator Tutorials - Best Of

    Adobe Illustrator Tutorials - Best Of

    Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe... More... 125 Comments

  • Adobe Flash Tutorials - Best of

    Adobe Flash Tutorials - Best of

    Although usability evangelists often consider Flash to be a usability nightmare, used properly, Flash can provide users with a rich and interactive interface which would be impossible otherwise. Today Flash is the de-facto standard for interactive elements on... More... 129 Comments

  •  
  • Adobe Photoshop Tutorials - Best Of

    Adobe Photoshop Tutorials - Best Of

    When it comes to graphic design, Adobe Photoshop is usually the first option to consider. However, the software itself is a quite tough nut to crack — and definitely extremely hard to master. For instance, the concepts are not always intuitive and it's not... More... 339 Comments

  • 20 (Alternate) Ways to Focus on Users

    20 (Alternate) Ways to Focus on Users

    Many web professionals know about certain ways to focus on users. The most popular methods surely include usability tests, card sorting, personas, surveys, and watching current research, and they mean valid approaches to enable products and services that... More... 41 Comments

  •  
  • Corporate Identity Manuals & Guides

    Corporate Identity Manuals & Guides

    The protection of visual identity is probably one of the most important issues when it comes to developing concepts in which corporate identity (CI) is used. Both in web design and in print - corporate identity manuals are supposed to give designers precise... More... 3 Comments

  • Adobe Dreamweaver Tutorials

    Adobe Dreamweaver Tutorials

    With the growing popularity of CMS, Wikis and Weblogs, WYSIWIG-editors lose their users. However, many of those editors offer many advantages, such as Integration of SVN, FTP Clients, Developer's extensions and programming environments. Using them, you can save... More... 52 Comments

  •  
  • Web 2.0 Tutorials Round-Up

    Web 2.0 Tutorials Round-Up

    Web 2.0 is beautiful. In fact, many designers manage to create really amazing, particularly dark and fresh web-designs, which are visually appealing and make a great first impression. However, if you are planning on designing a web 2.0-project, you probably... More... 163 Comments

  • Adobe Illustrator Tutorials

    Adobe Illustrator Tutorials

    As a vector-based drawing program Adobe Illustrator has nowadays become the standard for illustration design. This tendency can be noticed in the Web as well as in Print Design. Few weeks ago we've selected some of the best Adobe Photoshop tutorials we've found... More... 98 Comments

  •  
  • Tutorials Round-Up: Ajax, CSS, PHP and More

    Tutorials Round-Up: Ajax, CSS, PHP and More

    Coding or designing a page, it's always nice to have some basic templates you can quickly modify or adapt to your needs. However, at least once you have to know, how to create this "universal" template. In this case tutorials prove to be an ultimate solution,... More... 116 Comments

  • Hand-Picked Photoshop Tutorials

    Hand-Picked Photoshop Tutorials

    Adobe Photoshop is a powerful tool for designing various visual elements one can use for web-pages. However, sometimes it's important to know what to do in order to achieve some effects. In such cases, step-by-step tutorials can provide help and save a lot of... More... 52 Comments

  •  
  • Preventing Spam: Bulletproof Solutions

    Preventing Spam: Bulletproof Solutions

    Spam is probably one of the most difficult problems we have to deal with. E-Mail-filters, such as those used in GMail, provide accurate results, but not every company is willing to use extern services for its private mails. The problem occurs when web-developers... More... 41 Comments


 

All Posts

Sideblog

Footers can be a place where a designer can let his creative juices flow a little more freely. Christian Watson shows 76 excellent footer designs. More footers.

Footers

Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.

Palatino

How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.

Table of Contents

A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

Screenshot

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.

Font Clock

One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.

Screenshot

Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.

Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Screenshot

  • Grab the High-Quality OpenType Free Font Anivers!
  • Grab the Dilectio WordPress Theme!
  • Grab the Smashing WordPress Theme!