Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions and CSS transitions to create some really cool effects.
Follow along as we code five different applications of this idea that you can copy and paste to create your own awesome hovers.
Today’s article points out a harsh but true reality: just because you know how to use Photoshop for design work doesn’t mean you know how to edit photos. Fortunately, we’ve got you covered.
Follow along as we show you five simple and lightning fast steps you can take to transform your plain, boring portraits to stunning images that look straight out of a professional photographer’s portfolio. Along the way you’ll learn several important tips such as how to properly sharpen an image and how to draw the viewer’s attention to where you want it to go.
Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it.
Today we’re going to help you along by first discussing the conceptual considerations that you need to keep in mind when creating a print stylesheet. Then we’ll dive into some code from the famous HTML5 Boilerplate to see some modern solutions for addressing the problems that arise when printing from the web.
Long before web UI mockups came along, print designers would hone their ideas using a tried and true method called thumbnail sketching. This practice seems to be somewhat of a lost art so we’re going to shed some light on it!
Today we’ll briefly discuss what thumbnail sketches are, some tips for creating them and how to effectively implement them into your already busy workflow.
Great design inspiration is all around us. Sometimes the best examples are so common that we see them all the time without a second thought. The cars we drive, the advertisements in our mailbox, the cover art on that new album you just downloaded, all of these are teaching their own little design lessons and if we would but listen, we just might learn something.
Today’s subject is playing cards. At least one pack can be found in almost every home in America, which means they’re a perfect example of ubiquitous design that we take for granted. We’ll take a fresh look at why they’re so perfectly designed and learn a little history along the way.
This is the second article in our series on the absolute fundamentals of web development. Our first article explained in detail what HTML is on a conceptual level. We looked at what a markup language is, what tags are and how HTML compares to other important pieces of the web development puzzle such as CSS.
Join us today as we move on and take a look at each basic piece of an HTML document. I’ll explain all that stuff at the top of an HTML file that confuses you and outline the basic structure that you’ll follow for creating your own HTML files.
Automobile logos represent some of my favorite emblems. I recently became curious as to the origins of several of these popular icons and came across some incredibly interesting facts!
Join us as we look back at some of the most well known logos around and uncover some of their unbelievable secrets!
Here at Design Shack we like to feature a full range of tutorials, from expert PHP projects to very simple CSS tips. Today’s tutorial is targeted at those still in the beginner stages of CSS.
One of the most frequent questions I get from CSS beginners is, “How do I create a button?” It’s a simple question with a complicated answer. There are quite a few ways to go about it and unfortunately there are also quite a few ways to go wrong. When I first started out in CSS, figuring out all the button syntax was one of the most persistent troubles I faced, it seemed like I was always doing it wrong. Today we’re going to walk through a very simple and flexible process that you can apply to any button you create. More important than the end result is the in-depth explanation at each point outlining why we do it that way.
Infographics have been around for ages but in recent years they’ve really come into the spotlight as an almost irresistible way to communicate complex scenarios and information. We can’t help it, when we see a link for an infographic, we almost have to check it out!
If you’re at all interested in infographic design, read along as we take a look at some of our favorite examples and discuss some important do’s and don’ts for creating compelling and effective graphics.
Today we’re going to have some good old nostalgic fun and take a walk through cereal box history to look at some beloved characters that have been with most of us since we could chew.
Keep reading to see what your favorite cereal box mascot looked like years ago versus today!
Lorem ipsum represents a long-held tradition for designers, typographers and the like. Some people hate it and argue for its demise, but others ignore the hate as they create awesome tools to help create filler text for everyone from bacon lovers to Charlie Sheen fans.
Today we’re going to briefly discuss why lorem ipsum and its brethren still have legitimate uses and then we’ll have some fun as we check out thirty great dummy content generators that you’ll definitely want to bookmark.
Mastering different forms of selection creation is one of the fundamental aspects of becoming a Photoshop professional. If you don’t know half a dozen techniques or more to create a usable selection, your toolbox of skills is unnecessarily limited.
Today we’re going to take a quick look at eight popular methods for creating selections in Photoshop and where each is the most applicable.