Articles - Page 206

Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.

Mobile / 30 Sep 2011

How to Crank Out a DIY Mobile Site in Minutes Flat

Huge strides are being made in professional web design in the mobile arena. More than ever, the web is a place that’s quite friendly to devices of all shapes, sizes and operating systems. If you’re not a professional designer, this news can be unwelcome and even overwhelming as you wonder how you’re going to afford or create your own mobile site.

Today we’re going to take a brief look at how mobile websites are becoming ubiquitous, why turnkey DIY services are a necessary part of the web design world and a few of these services for you to check out. We’ll even walk you through the process of using one of these services so you can see how easy it is to have your own mobile site up and running in minutes.

CSS / 28 Sep 2011

CSS Button Tutorial: How to Code Buttons in 5 Simple Steps

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.

Business / 21 Sep 2011

Career Options: 10+ Types of Graphic Design Jobs to Consider

So you want to be a graphic designer? What does that mean exactly? What types of jobs are available? It turns out deciding to be a designer is a pretty vague choice that often requires some more direction and career evolution before you really land yourself in a meaningful career.

Today we’ll explore the underlying structure of the graphic design industry and take a brief look at some different design jobs and career paths that you can and should explore. Whether you’ve been a designer for ten minutes or ten years, this article could help you find your place in the industry.

Graphics / 20 Sep 2011

10 Tips for Designing Better Infographics

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.

CSS / 19 Sep 2011

Build an Animated Mario Block Navigation Menu With CSS3

Today we’re going to have some good clean fun by recreating the animated Mario Bros. question mark box with pure CSS3.

Along the way you’ll learn how to use several cool CSS3 technologies such as rounded corners, box and text shadows, and keyframe animations that work in both Safari and Firefox. Let’s jump in!

Graphics / 15 Sep 2011

Then and Now: The Evolution of Cereal Mascots

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!

CSS / 15 Sep 2011

20 Awesome Responsive Templates and Themes (Free and Premium)

Responsive web design is all the rage at the moment, but as a full-time designer it’s hard to make time to pick up on new trends no matter how useful and perhaps even necessary they may be.

Pre-built themes and templates provide you with a quick and easy way to get started with responsive web design. Many of them do all the work for you and provide a simple plug and play workflow, others just take care of the heavy lifting by taking care of the media queries and give you complete control over design. This post contains 20 free and premium templates, all of which are fully responsive right out of the box.

Business / 14 Sep 2011

The Best Online Portfolio Service: Three Free Options Compared

Whether you’re a freelance designer, a full-time-employee or an out of work designer actively seeking a position, it’s a good idea to increase your web presence as much as possible. It’s always great to have your own site and domain, but you can easily supplement that with some awesome free online services created specifically to host creative portfolios.

Rather than give you another roundup of twenty of these services and force you to do the research yourself, I’ve gone through and picked three of my favorites for comparison so you can quickly see which is best for you. Let’s get started!

Layouts / 13 Sep 2011

Is Content Always King? Thoughts on Real World Constraints in Design

Content should precede design. It’s a basic and essential piece of advice that you’ll hear from me as well as countless other designers. But what about the situations where this idea breaks down? We’d like to imagine that it’s never the case that design must take place before certainty about content can be reached, but in truth this simply isn’t the case.

What circumstances are there that force designers to proceed with a lack of content? How should you respond to such scenarios? Keep reading as we explore these ideas.

JavaScript / 12 Sep 2011

Design an iPhone App Website Template With E-Mail Signup

If you’ve been on the scene with iOS then you’ve surely seen some of the beautiful app websites cropping up. These have been released over the past couple of years as developers have been looking for ways to attract marketing potential. There are a lot of very standard-looking templates out there for web designers – but my hope is to tackle something new!

Today we’ll be creating a styled iPhone App website template using HTML5/CSS3. This will not be targeted onto a specific app, so we don’t include a download link to the app store. Instead I’ve created a small e-mail signup form through MailChimp so you can hook early adopters into the app for pre-release. This is great for developers who need to get something up and running for their product before it’s on the market.

Inspiration / 8 Sep 2011

30 Useful and Hilarious Lorem Ipsum Generators

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.

Software / 7 Sep 2011

8 Ways to Get the Selection You Want in Photoshop

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.