Search Results For: images

Graphics / 17 Feb 2011

How to Make Slicing Suck Less: Tips and Tricks for Slicing a PSD

I have a dirty little secret, I hate slicing Photoshop files. By that I don’t mean that I hate turning PSD comps into websites, I mean that I hate Photoshop’s slicing tools. The whole process makes my PSD look busy, cluttered and overly complicated so I usually skip it altogether and instead opt to manually crop and save out images individually as needed.

In order to fight this tendency and attempt to see the true usefulness of Photoshop’s slicing tools, I embarked on a mission to learn all the intricacies of how slicing works. Below is a collection of tips and tricks that resulted from this journey. Hopefully, you’ll learn a thing or two you never knew!

Graphics / 3 Feb 2011

An Introduction to Working With Spot Colors

Color has always been a popular topic on the web. We used to throw around terms like “web safe colors” a lot more than we do now simply because the computer displays back then weren’t as great as they are now. In place of these discussions, design blogs revert mostly to discussions of color theory and of course, free tools to help you build color palettes.

However, color was a hot topic long before the web was around. Once upon a time, my discussions about color revolved around printing presses and processes for applying ink. I’d wager there are plenty of readers out there who are either interested in learning about print or still work in print today so in this article I’ll teach you all about the magic of ink.

Graphics / 4 Nov 2010

10 Design Lessons From HTML Email Templates That Actually Sell

In the past we and several other blogs have outlined some useful technical information for how to code and structure your HTML emails from a developer point of view. But much less discussion has been given to how to actually undertake the design component of email newsletters.

Today we’ll take a look at some of the top-selling email templates from Themeforest and see if we can decipher what their designers did right so you can mimic these basic principles in your own designs.

HTML / 22 Oct 2010

How to Build a Website With Flux 3: A Coder’s WYSIWYG

Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.

Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.

Typography / 21 Oct 2010

Ultimate Web Font Resource Roundup: 50 Awesome Sites

The idea that web designers ignore typography is officially dead. In recent years countless tools and services have sprung up to meet the need of making the web a more type-friendly place, and they’re succeeding.

Today we bring you a huge list of awesome websites for all things related to web fonts. You’ll find sites offering free fonts, web font services, font building tools, previewing utilities, and a lot more!

Layouts / 15 Oct 2010

Create a Stunning Wooden Website Template in Photoshop

Today we’re going to build an awesome website template in Photoshop utilizing a number of advanced techniques.

I’ll take you through the entire process in ten easy steps and provide you with a link to download the finished template. Let’s begin!

Graphics / 28 Sep 2010

6 Tips for Designing With Lines

Today we’re going to look at one of the simplest possible design elements: a line. We’ll learn how to wield lines properly as well as what to avoid when implementing them.

Adding a few simple lines to a design can bring structure and graphical flair to an otherwise boring design. It’s a dead simple trick that, when used effectively, has the effect of adding a layer of finish your design.

JavaScript / 31 Aug 2010

Build an iPad-Themed Image Slider With jQuery

If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.

Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!

Graphics / 27 Aug 2010

Design101: Utilizing Strong Alignments

Today we’re going to examine one of the most basic principles in design: alignment. This deceptively simple topic is actually quite complex and is among the most notably lacking proficiencies in designers today.

A strong grasp of how and when to use certain alignments will instantly make you a better designer and will remain a foundational building block for everything you create throughout the rest of your career.

CSS / 24 Aug 2010

715 Awesomely Simple and Free CSS Layouts

Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to customize lame pre-fab designs?

Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design.

Layouts / 13 Jul 2010

Rapid Blueprint CSS Layout With Boks

Today we’ll take a look at Boks, an awesome little tool that will help you spec out a basic site layout in no time flat.

We’ll go through what it is and how you can use it to speed up your development as well as what the limitations and downsides are that you’ll want to be aware of before you download the app.

HTML / 10 Jun 2010

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.