Articles Archive

Kerning Live Web Type With jQuery and Lettering.js

Kerning Live Web Type With jQuery and Lettering.js

Yesterday we published an article outlining Eight Simple and Useful Tips for Kerning Type. This mostly focused on the basics of kerning: what it is, how it works, letter pairs to keep an eye on, etc.

Today we’re following that up with a discussion on how to use Lettering.js to kern your web type. Don’t worry, it’s much easier than you think!

September 1st, 2011 Posted in Typography
8 Simple and Useful Tips for Kerning Type

8 Simple and Useful Tips for Kerning Type

screenshot

Kerning is fun! All right, unless you’re a serious type nerd like me, that’s definitely not going to be a true statement. However, it is an absolutely essential part of your typographical education and implementation.

If you’ve been ignoring kerning or simply aren’t sure how to do it properly, take a look at these eight quick tips and get started on the road to becoming a kerning master.

August 31st, 2011 Posted in Typography
More Than Scaling: How to Make the Leap From Mobile to Desktop

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.

August 30th, 2011 Posted in Software
Important Marketing Lessons From Outrageous Vintage Advertisements

Important Marketing Lessons From Outrageous Vintage Advertisements

screenshot

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.

August 29th, 2011 Posted in Inspiration
Web Design Critique #63: Q & A Creative

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.

August 27th, 2011 Posted in Critique
Weekly Freebies: 20 Brushes and Images for Creating Grungy Edges

Weekly Freebies: 20 Brushes and Images for Creating Grungy Edges

Creating complex edges manually in Photoshop can be an arduous task. Fortunately, there are tons of free brushes and images online that will make this process a breeze.

Keep reading to see our collection of 20 brushes and images with torn, burned and grungy edges!

August 26th, 2011 Posted in Freebies
The Illusive Click: Structuring Designs to Influence Behavior

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.

August 26th, 2011 Posted in Graphics
Save Over 40% on a 1 Month BoxedArt Developer Plan

Save Over 40% on a 1 Month BoxedArt Developer Plan

With this week’s deal you can score a one-month BoxedArt Developer Plan for only $29! With it you’ll receive access to an unbeatable selection of creative resources.

Read on to see what it’s all about!

August 25th, 2011 Posted in Deals
That Sketched Look: Trends, Tips and Tools for Using Doodles in Design

That Sketched Look: Trends, Tips and Tools for Using Doodles in Design

screenshot

It’s always fun to really dive into a popular design trend and see who’s doing it, how it works, what it communicates and how you can try it for yourself.

Stick with us as we do exactly that with those trendy doodle designs that you see all over the web right now.

August 25th, 2011 Posted in Graphics
Developing a jQuery Private Messaging Modal Box

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.

August 24th, 2011 Posted in JavaScript
Subscribe

Membership