Articles - Page 223

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

Typography / 4 Aug 2011

7 Quick and Easy Ways to Jazz Up Your Headline Typography

Headlines are one of the most important elements on your page and are often the starting point that sets the tone for the entire design. So why not make them great?

Today we’ll take a look at seven different design techniques that you can implement in a minute or less that will boost your headline from plain to awesome.

Graphics / 3 Aug 2011

Designers, Do You Really Know Anything About Design?

Does learning the requisite software make you a designer? Just because you know CSS and HTML, can you really call yourself a web designer?

Today we’re going to explore the idea that, while you may be a Photoshop wizard, you might lack in fundamental design training that could drastically help you in your every day career.

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.

Critique / 30 Jul 2011

Web Design Critique #60: Mogo Style

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 Mogo Style, a site for ordering a personal logo.

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.

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!

Graphics / 28 Jul 2011

Three Quick Design Tricks: Sliced Text, Metal Knobs and Curled Stickers

Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea.

We’ll be showing you how to slice up some text in Illustrator to give it an edgy feel and how to build a metal slider and a curled sticker in Photoshop.

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.

Competitions / 26 Jul 2011

Win a Dell XPS 15z for Designing on the Road!

Update: We’ve chosen a winner, and congratulations are in order to Dawn Costen. We’ll be in touch soon to arrange where to send your prize. Thank you to everyone who took part, and be sure to follow us on Twitter to find out when we launch our next competition!

I’m excited to let you know that we’re launching another great competition today for our UK readers, giving you the chance to get your hands on a brand new laptop from Dell. The XPS 15z is their thinnest ever notebook – perfect for getting on with some design or development work on the road. Read on to find out how to take part – entering only takes a few seconds!

CSS / 25 Jul 2011

Achieving Multi-Step Animations With CSS Transitions

Multi-step CSS animations are easy with keyframes, but what if we want to use plain old transitions to achieve a similar effect? Further, how do we take a single hover event and translate that into multiple animations on different elements?

The answer lies in using buried hovers, a simple and effective trick you should definitely try out.

Freebies / 25 Jul 2011

Weekly Freebies: 25 Gorgeous Media Player PSDs

Need a quick video or music player mockup? Well you’re in luck because today we have twenty-five awesome, layered PSDs files containing music and video player interfaces.

You’ll be stunned at how beautiful some of these files are given that their creators are distributing them freely. Take a look and download at will!