Category: Articles

Categories

Separating Content: 10 Ways to Draw the Line
Graphics / 5 Aug 2011

Separating Content: 10 Ways to Draw the Line

The story is as old as graphic design itself: you have two different sections and you need a way to visually separate them. As a designer, I frequently spot myself reverting to the same old one or two tricks to pull this off. Why not mix it up a bit?

Today we’ll show you ten awesome ways to create two distinct sections of content. Each example is from a real website so you can click through to see it in action.

Weekly Freebies: 15 Gorgeous and Thin Free Fonts
Freebies / 5 Aug 2011

Weekly Freebies: 15 Gorgeous and Thin Free Fonts

Sometimes you want a big and bold headline font to really drive home your point, other times though you need a good way to make a softer, lighter statement. Unfortunately, good thin fonts can be difficult to find, especially for the web.

Today we want to help you build your thin font collection with fifteen of our favorites. Whether you want a slab-serif, sans-serif or retro styled font, you’ll find the perfect solution here.

Creating an Apple-Style Input Field With Display Labels
CSS / 1 Aug 2011

Creating an Apple-Style Input Field With Display Labels

Apple is a very popular brand in the new technological age in which we live. Both designers and developers agree that Apple’s products display exquisite talent and passion for their skills. Over time user interface design has taken a turn upwards and is now one of the hottest topics amongst web designers.

Below I’ll be going over how to build a small Apple-styled input form with some basic structure and scripting. All code included is based off XHTML Transitional Doctype along with newer CSS2/CSS3 techniques. We’ll also be using the jQuery 1.4.1 library to support our display label functions.

Adding an About the Author Box to Your WordPress Posts
PHP / 29 Jul 2011

Adding an About the Author Box to Your WordPress Posts

Digital magazines have become a popular commodity for today’s web users. With WordPress powering millions of blogs on the web today, it’s fair to assume they run a stable piece of software. Some of the best features are all internal as the WP team publishes live, updated documentation with each release.

Not only is the software very powerful but the underlying classes and functions give developers an all-access pass. It is extremely simple to develop apps and modules within WordPress. Today we’ll be looking into author meta data functions for building an “About the Author” box.

Weekly Freebies: 20 Awesome Cheatsheets for Designers and Developers
Freebies / 29 Jul 2011

Weekly Freebies: 20 Awesome Cheatsheets for Designers and Developers

You simply can’t beat the usefulness of a good cheatsheet. Having all the information you need in one convenient spot will help you make that transition from newbie to ninja in no time.

Today we have a collection of the best free cheatsheets from around the web. You’ll find some old favorites like the jQuery Visual Cheatsheet and some new entrants like the Manual Photography Cheatsheet. No matter what you’re into, there’s probably a cheatsheet for it!

Embedding Google Maps Into a Web Page: A Beginner’s Guide
HTML / 27 Jul 2011

Embedding Google Maps Into a Web Page: A Beginner’s Guide

Google Maps is one of the best utilities to ever hit the web. It has become the standard way for people to get directions online, view satellite and terrain imagery and perform any other map-related task.

There are a number of reasons that you would want to embed a Google Map into your web page, whether it be for functional purposes, such as guiding users to your physical location, or aesthetic purposes, such as using map for a background graphic. Today we’re going to look at two ways you can go about this task: the quick and easy way and the powerful, flexible API route.