Tag: how-to

Using JavaScript to populate select lists through the ages

When two different clients had the same problem, I knew a bit of portable code would solve both. But would it work next year?

10 minutes to read.

CSS button recipe

Making clickable text stand out from non-clickable text has been a staple of the web since the web was called the mesh. How do you make a button look tappable — without graphics? By using CSS3.

2 minutes to read.

Validate email with regex in PHP

Did a user enter a valid email address, or just a bunch of letters and numbers? Learn how to check emails in PHP with this handy function.

10 minutes to read.

Cunning changes to Titanium iOS keyboards

How do you access different preset keyboard layouts for iPhones and iPads with Titanium? Refer to this visual properties list.

2 minutes to read.

Exploring Photoshop’s angle gradient tool

The angle gradient tool is an overlooked gem tucked away in Photoshop’s toolbar. Often passed over for its more popular sibling, the linear gradient tool, angle gradients create clockwise blends of color around the point a user clicks. The angle gradients create clockwise blends of color around the point a user clicks. Most people stop there. But when combined with other techniques and some creativity, the angled gradient has some surprising uses.

minutes to read.

Thoughts on applying duotones to data

The ability to tint black-and-white photographs with color has been a staple of photography for decades, and modern image editors make warming and cooling grayscale images a snap. This concept of a steady progression of shades can be used to present information as well.

minutes to read.

How to manage a controlled collision of type and imagery

Setting images into text mixes words’ straightforward communication with photos’ emotional implications. Words state; photos express. But conflicts result when the images get lost or the text becomes muddled. Or both. Images and text can successfully mix—if we follow some guidelines that balance readability in both text and images.

minutes to read.

Big stature, small caps, good technique

Stately text doesn’t need to hurry. When used well, small caps make a design look stable and reliable. They can appear official or solemn. But like any technique, small caps requires understanding the why behind the how.

minutes to read.

From zero to layout: A redesign process

When I began working on a one-page web project, my client asked about the process. How do you plan a single page? What leads from raw text to a finished product? Getting from concept to finished draft requires many steps, but each phase shares common traits.

minutes to read.

Photoshop Curves does more than change highlights and shadows

Photoshop’s Curves has long been associated with making images brighter or darker. But few people know that it can also change color with greater degrees of control than the Hue/Saturation or Color Balance controls. From slight selection changes to creating great duotones, Curves is a powerful tool to master… if you’re willing to practice.

minutes to read.

Categories

  • Articles (0)
  • Code (6)
  • HTML & CSS (13)
  • Imagery (21)
  • Portfolio (1)
  • Process (12)
  • Content (12)
  • Uncategorized (1)