Category: Articles

Categories

Mastering Photoshop History and Layer Comps
Software / 9 Sep 2010

Mastering Photoshop History and Layer Comps

Sometimes the key to moving ahead in Photoshop is to look back.

There are a number of different tools, features and methods in Photoshop that you can and should be using to track and manipulate the history of your designs as they progress.

Today we’ll take an in-depth look at the Photoshop history palette and how it can help you diversify your designs and keep track of various ideas. We’ll also learn how to use the History Brush and those incredibly handy but difficult to figure out Layer Comps.

15+ Beautiful and Classy Headline Designs
Graphics / 9 Sep 2010

15+ Beautiful and Classy Headline Designs

Creating beautiful type treatments is hard work.

Though it has become quite trendy to claim that typography is ignored on the web, the reality is that typography is a booming fad at the height of its game in the online realm.

Countless web designers have really stepped up in recent years and created some absolutely beautiful typographical works, particularly in website headlines. Below we’ll look at over fifteen meticulously crafted headline designs that are sure to inspire you to think twice before slapping some boring type wrapped in an h1 tag on your site.

10 Tips for Designing Presentations That Don’t Suck: Pt.1
Graphics / 3 Sep 2010

10 Tips for Designing Presentations That Don’t Suck: Pt.1

Powerpoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint.

In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Let’s get started!

25 Brilliantly Simple Web Page Designs
Graphics / 2 Sep 2010

25 Brilliantly Simple Web Page Designs

Sometimes a site can be visually stunning not so much because of the content but because of the lack of content. Though often attractive, this is a tricky style to pull off correctly without just looking like you’ve got a boring page.

Today we’ll look at 25 sites that we think got it right. First we’ll discuss why these designs work well under certain circumstances and then we’ll jump into the examples.

Build an iPad-Themed Image Slider With jQuery
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!

Design101: Utilizing Strong Alignments
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.

Create a Fun Animated Navigation Menu With Pure CSS
CSS / 26 Aug 2010

Create a Fun Animated Navigation Menu With Pure CSS

In recent years jQuery has become the easiest and best supported way to implement simple animations online. JavaScript is exceptionally good at what it does and this article is in no way an argument against it.

However, CSS3 offers a glimpse into a possible future where basic animations are performed with straight CSS completely independent of scripting. Today we’ll take a look at how to use CSS3 to create a fun and unique navigation menu that uses @font-face, transforms and transitions.

715 Awesomely Simple and Free CSS Layouts
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.