Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
Slab serif fonts are quite stylish and attractive and are versatile enough to be used in many different contexts. They’re also currently very popular among web designers everywhere.
If you’ve been wondering where other designers are snagging these great slab serifs, look no further than the collection of twelve free fonts below.
Happy Thanksgiving everyone! I’m off stuffing my face with copious amounts of poultry and mashed potatoes but I planned ahead so that you don’t have to miss out on your daily dose of Design Shack!
If you’re like me, the holidays drastically cut in to your work time. You don’t get the luxury of having less to do, only less time to do it! If this sounds like you, check out the 20 amazing tools below to help maximize your time. Dedicating yourself to using just a few of these will boost your productivity levels to an all-time high.
Did you know that the ampersand comes from the phrase “and per se and?” Or that it originated around 1st century AD as a combination of the Roman cursive letters E and T? Even more interesting than its history and origin is its fantastic shape, which designers are constantly using as a muse for a new piece of typographical art.
Below you’ll find over thirty excellent inspirational images that feature ampersands as a primary element. Looking through these will help you learn to take advantage of what is arguably the most attractive character on your keyboard.
Today we’re going to build a simple and fun webpage for the sole purpose of showing off Fullscreenr, a great little jQuery plugin that makes it easy to add a background image to your site that automatically adjusts to the window size.
We’ll also throw in some @font-face and rgba action to keep things modern and educational on the rest of the build. Let’s get started!
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.
Photoshop’s blending modes are a source of constant confusion for many designers. There aren’t really any sort of built-in examples for you to see and the blending mode names are no where near intuitive suggestions of what the effect actually does to the appearance of your document.
Today we’ll help remove a little of the mystery by discussing how a few key blending modes work in addition to some hints for how to use them effectively.
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.
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!
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!
Beautiful typography goes much further than finding the right font.
Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.
Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.
In the past we’ve taken a look at several CSS grid systems. We’ve also gone over how LESS.js can add a lot of flexibility to the way you style web pages. Today we’re going to combine these two ideas and create a grid system that utilizes LESS.
Read on to see why on Earth we would do such a thing. If you understand the concept, you can also skip the tutorial and go straight to the download. Let’s get started.
Photoshop CS5’s fancy new feature set has garnered a lot of attention and tutorials, but Photoshop was by no means the only app to gain a little awesomeness. Illustrator CS5 has a few really stellar new features that make it even easier to create complicated vector art.
Today we’ll go over how to use one the many new features in Illustrator CS5: variable width strokes. With the new “Width Tool” you can make complex line shapes in seconds using only a few quick click and drag motions.