Articles - Page 214

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

Mobile / 30 Aug 2011

More Than Scaling: How to Make the Leap From Mobile to Desktop

In the last decade, much discussion time has been given to how both interfaces and user experiences translate from desktops to smaller mobile devices. Recently however, the conversation has switched and we’re now seeing trends begin in the mobile environment and make the leap back to the desktop.

This leap is deceptively simple and merits significant inspection as to the fundamental differences between mobile and desktop platforms and how that can and should affect how interfaces and experiences are crafted.

Inspiration / 29 Aug 2011

Important Marketing Lessons From Outrageous Vintage Advertisements

I absolutely love looking at old ads from the early to mid 20th century. The themes covered and claims that are made are often so completely outrageous that you wonder how they ever made it to print. Looking at these, you can’t help but marvel how far advertising has come.

How much advancement have we really made in this area though? Aren’t the advertising ploys of past generations still the same tricks used by marketers today? Follow along as we take a look at some truly ridiculous ads and how they really aren’t so different from advertising we see today.

Critique / 27 Aug 2011

Web Design Critique #63: Q & a Creative

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 Q & A Creative, the freelance portfolio of Doug Wollison.

Graphics / 26 Aug 2011

The Illusive Click: Structuring Designs to Influence Behavior

Click. That sound means you’ve done your job. The user has viewed your page and taken the action that you wanted them to.

How is this achieved? Should you be thinking about this goal more as you structure your designs? What mistakes should you be careful about avoiding? Read on to find out.

JavaScript / 24 Aug 2011

Developing a jQuery Private Messaging Modal Box

You can build some really neat things using jQuery. The latest release bundle updates a lot of bugs and even hints at support for a new jQuery Mobile. With frontend scripting you can build practically any type of web application. But more specifically we’ll be looking into constructing a small modal box window.

I have designed the functionality to look and feel like a private messaging solution. This is perfect to implement on a user profile page or author’s page in a blog. We will be using some handy CSS3 techniques along with coding the page structure in HTML5. You don’t need to be a master jQuery artist to understand this tutorial, but it wouldn’t hurt to brush up on the basics. Check out my live demo example and download the project source code below.

HTML / 23 Aug 2011

Mastering Markdown: 30 Resources, Apps and Tutorials to Get You Started

If you’re like me, learning Markdown has been on your todo list for months. I finally took the plunge and instantly became addicted to sorting through the wealth of resources, apps and other Markdown related materials available.

The following is a collection of the best Markdown resources that I’ve found. Whether you’re a complete Markdown newbie looking to learn the syntax or a seasoned expert in the market for a new iPad app, you’ll find something here that’s perfect for your needs.

CSS / 22 Aug 2011

Should Web Designers Know Code? Finding Compromise in a Tired Debate

Should web designers understand basic HTML and CSS? It’s a tired argument with two sides that refuse to yield, why even discuss it?

The purpose of this article is not to prove which group is right but to attempt to show that both sides do indeed make valid points and to see if analyzing these points brings us to a compromise that both parties can agree on.

CSS / 19 Aug 2011

CSS Selectors: Just the Tricky Bits

div > p + div[id*=’header’] – If you saw this jumbled mess of selectors in someone’s CSS, could you decipher it?

If not, then you’ll want to read this primer on funky CSS selectors that you should know!

Software / 18 Aug 2011

Why Adobe Doesn’t Understand Web Designers

Earlier this week Adobe launched a preview of a WYSISYG web design project currently codenamed “Muse.” Though it looked promising, disappointed and even angry reactions from the web community are already all over the web.

With all the time, effort and money that Adobe spends on creating a “code free” solution for designing websites, you’d think that they would be able to create something decently usable by now. So what’s holding them back? Today we’ll take a brief walk down memory lane, starting all the way back at PageMill, to see if we can discover any reoccurring themes in Adobe’s history with web designers.

Typography / 16 Aug 2011

5 Typography Do’s and Don’ts Everyone Should Know

So you love typography, who doesn’t these days? The question is, how sloppy are you when it comes to implementing type in your designs?

Today we’re dishing up some great and simple typography tips that everyone who works with type should know. Whether you’re an expert or a beginner, read on to see if you’re guilty of any of these pitfalls.