Search Results For: texture

Design a Business Card That Won’t Get Thrown Away

Business Card Templates / 10 Apr 2013

Design a Business Card That Won’t Get Thrown Away

It’s an almost unavoidable part of doing business – the business card. While more people are beginning to ditch traditional paper cards for digital counterparts, the business card is still an integral part of doing business.

Cards are almost as commonplace as the handshake, and it’s something you’ll always want to have ready to hand when you meet a potential new client.

So what makes your card stand out from the pack? How can you design a card that won’t get thrown away minutes after the meeting? And how can your card best illustrate the style of your work?

Let’s delve into some suggestions and tips today.

The New Arby’s Logo: Better or Boring?

Inspiration / 15 Oct 2012

The New Arby’s Logo: Better or Boring?

Everyone’s favorite roast beef sandwich fast food chain (ok, maybe the only roast beef fast food chain anyone can name) just jumped headlong into a brand refresh. Their new logo, menu and website is meant to bring the admittedly old-timey restaurant into the 21st century.

The question of course is, did they succeed? Follow along as we take a look at the logo and website to see what we think.

5 Design Lessons That I Learned From Writing 85 Web Design Critiques

CSS / 9 Aug 2012

5 Design Lessons That I Learned From Writing 85 Web Design Critiques

Here at Design Shack we offer a simple but useful service called a web design critique. It’s basically a consulting service that you can take advantage of for a mad cheap price in exchange for letting us post it on the site as an educational tool.

I’ve personally written up a whopping eighty five of these things thus far (#85 will be posted later this week). That’s a whole lot of design advice! Read on to see what I’ve learned about web design in the process, both from the good examples and the bad.

Build an Awesome CSS Slider With Four Overlays

CSS / 25 Jun 2012

Build an Awesome CSS Slider With Four Overlays

Today’s project is a fun one. We’re going to build a standard CSS image slider with a twist: the visible image area will be divided into four distinct sections, each with a hidden message that is revealed when the user hovers over it.

The ultimate effect is pretty awesome and I think you’re going to like it a lot. Along the way we’ll play with some animations, transitions, positioning contexts and a lot more. Let’s dive in and get started!

Meet CodePen: Dribbble for Coders

CSS / 20 Jun 2012

Meet CodePen: Dribbble for Coders

If you follow Chris Coyier on Twitter, then you have no doubt seen quite a few mentions go by in recent months of a not so secret project called CodePen. Chris promised us that this new tool would join the ranks of jsFiddle and Tinkerbin, serving as a sort of online playground to experiment with and share CSS, HTML and JavaScript demos.

Like a kid in December anxiously awaiting Christmas day, I’ve been dying to see what Chris and his team would come up with. Fortunately, Christmas has arrived. CodePen is a live project and I can’t wait to tell you all about it.

10 Tips for Awesome Tumblr Theme Design

Tumblr Themes / 16 May 2012

10 Tips for Awesome Tumblr Theme Design

Here at Design Shack, WordPress is our bread and butter, but in the world of blogging platforms, we have lots of love for Tumblr as well. It’s simple, gorgeous, and simply enjoyable to use.

Today we’re going to take a look at what makes a great Tumblr theme. With thousands of options in the Tumblr theme garden, it can be difficult to stand out.

Why do some themes catch so much attention while others are ignored? Good design holds the answer. Not all themes are created equally, and knowing what aesthetic cues to look for can help you choose a Tumblr theme that will serve you well.

200+ Pinterest Boards for Designers to Follow

Inspiration / 11 Apr 2012

200+ Pinterest Boards for Designers to Follow

If you love design inspiration, you should be on Pinterest. This free service has really taken off and designers everywhere are using it to collect and archive examples of great design. Whether you’re a typography nut, need some ideas for design books to read, or want some inspiration for out of the box brochure ideas, there are designers on Pinterest who are no doubt pinning exactly what you’re looking for.

Much like, Twitter, the key to enjoying Pinterest is to find and follow users that share your interests. The trick here is that while every user has multiple “boards,” only some of them are actually design related. We’ve spent hours and hours hunting and have found over two hundred of the best Pinterest boards that designers should find useful. Read on to check them out!

Build an Infinite Scrolling Photo Banner With HTML and CSS

CSS / 3 Apr 2012

Build an Infinite Scrolling Photo Banner With HTML and CSS

Today we’re going to embark on the challenge of creating an animated banner of photos that automatically scrolls horizontally through an infinite loop. The best part: we’re going to do it without a single line of JavaScript.

To make this banner truly useful, our goal will be to use individual photos dropped into our HTML, not simply one long CSS background that repeats. This is pretty tricky but we’ll walk you through exactly how it works. Let’s get started!

5 Gorgeous Note & Point Presentations You Have to See

Graphics / 16 Mar 2012

5 Gorgeous Note & Point Presentations You Have to See

One of my favorite sites for design inspiration is Note & Point, which is a fantastic curator of great looking presentation decks (Keynote + PowerPoint = Note & Point). Not only is this site chock full of awesome design examples, most of their presentations are actually design and development related so you learn some great stuff along the way!

Today we’re going to look at five of my favorite Note & Point decks, which will teach us a ton of great stuff about presentation design.

4 Fun CSS Image Effects You Can Copy and Paste

CSS / 16 Feb 2012

4 Fun CSS Image Effects You Can Copy and Paste

Once upon a time we relied purely on Photoshop to create fancy image effects. These days though we’re turning more and more to pure CSS to add eye candy to our images. Applying custom image treatments using code makes for an infinitely flexible workflow that’s easy to tweak at any time.

Today I’ll walk you through creating some extremely simple and fun CSS image tricks. From polaroids to vignettes, you won’t believe what we can pull off.

5 Online Playgrounds for HTML, CSS and JavaScript Compared

CSS / 3 Feb 2012

5 Online Playgrounds for HTML, CSS and JavaScript Compared

Local coding environments are great, but it’s often the case that I don’t want to crack open Espresso and spend a few minutes setting up to code when all I really want is to test out an idea or work on a bug. Also, sharing options for most local coding apps are limited and typically require integrating an outside app like Dropbox.

Online playgrounds or sandboxes such as jsFiddle solve this problem by providing you with an instantly ready coding environment for you to begin experimenting in as soon as the page loads. These tools let you combine CSS, HTML and often even JavaScript to create and share coding examples. I’m completely addicted to these things and have extensively tested every one I can get my hands on. Today I’ll go over my five favorites and discuss not only why what I like about each option, but also where they fall short.