Articles Archive


How to Build a Responsive Frankenstein Framework With LESS


CSS layout frameworks are super helpful, but they can be a mess. You always have to conform to someone else’s system, whether or not it makes sense to you.

Today we’re going to ditch this notion and build an ultra-lightweight framework that can be implemented wherever and however you want to achieve complex multi-column layouts in seconds flat. You build this Frankenstein Framework as you go so there are zero unused classes and absolutely no code bloat. Did I mention that it’s also easy to make to make it responsive? Read on to see the monster come to life.

November 23rd, 2011 Posted in CSS

Design Shack Is Hiring! Apply Today


Good news! Design Shack is growing and we’re looking for some rockstar designers and developers to join the team. Read on to see what type of talent we’re after and how you can apply!

November 22nd, 2011 Posted in Design Shack

Three Quick Design Tricks: Break Out Screenshots, Easy Starbursts and Vector Grunge Textures

Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea.

I’ll show you a quick way to make a software screenshot more interesting, how to create awesome vector grunge textures and a super fast way to build a vector starburst.

November 22nd, 2011 Posted in Graphics

5 Simple Steps to Stunning Portraits in Photoshop


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.

November 21st, 2011 Posted in Software

Web Design Critique #69: Okay Geek

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Okay Geek, a delightfully geeky tech blog that we’ve seen before on Design Shack. Let’s jump in and see what we think of the new design!

November 19th, 2011 Posted in Critique

Weekly Freebie: Printable Productivity Mousepad


Today’s freebie is incredibly simple but also incredibly useful. It’s a custom-made calendar, todo and notes sheet that you can print and use as a mousepad. I use it myself every day and thought I’d share it!

November 18th, 2011 Posted in Freebies

The Ten Commandments of Writing Copy That Wins Clients


Web design companies and freelancers should never underestimate the power of good copy. Likewise, they should never doubt how much bad copy can hurt their chances of winning clients.

Follow along as we discuss then ten commandments of writing simple and effective copy that will convince your potential clients that you can successfully meet their needs and blow away their expectations.

November 17th, 2011 Posted in Business
Save 70% on 5,000 ActiveCampaign Email Credits!

Save 70% on 5,000 ActiveCampaign Email Credits!


We’ve teamed up with ActiveCampaign to bring you an unbeatable deal on professional email marketing. This week only you can snag 5,000 email credits for only $30, down from $100!

November 17th, 2011 Posted in Deals

10 Ways Photoshop Actions Can Improve Your Workflow


Photoshop actions are an extremely easy way to automate all of the mundane daily tasks that have made their way into your design workflow. Whether you’re in web or print design, odds are there are a few repetitive tasks that you could let Photoshop handle for you.

Perhaps the biggest hurdle to automating your workflow is simply coming up with ideas for where Photoshop actions could help you out. Today we’ll help you solve that problem by going over 10 ways Photoshop actions can improve your workflow.

November 16th, 2011 Posted in Software

6 Things I Learned About Print Stylesheets From HTML5 Boilerplate


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.

November 15th, 2011 Posted in CSS