BLOG

CSS Gradients with Internet Explorer (IE6-10)

Mar
21

CSS3 gradients are now well and widely supported by most major browsers — except, of course, Internet Explorer. IE9 is the only active version to allow multi-stop gradients with transparency. Even so, gradients are a bit kludgy to apply in IE9 and more limited compared to gradients in CSS3. In IE 6-8, we can make limited gradients using an MS filter. IE10 will be the first Microsoft browser to fully support CSS3 gradients using the proprietary -ms prefix.

Read More »

Building rich effects, widgets, and interactions with jQuery UI

Feb
29


The jQuery UI Library is an add-on to jQuery by the jQuery team that makes it easy to build custom rich effects and widgets. The jQuery UI Library’s website has a theming GUI called Themeroller that makes it super easy to match the jQuery UI widgets to your website’s theme. Alternatively, you can choose from one of many pre-built and freely-available UI themes, which are generic and plentiful enough to match almost any theme.

Read More »

Subtract from a Shape using Illustrator’s Pathfinder Palette

Feb
05

Subtracting one shape from another with Adobe Illustrator is a matter of clicking a button: the “subtract from shape area” button in the pathfinder palette. This simple button holds vast power, as do all the buttons in the pathfinder tool.

Read More »

Digging in to HTML5 Boilerplate

Jan
03

“The way that a lot of the HTML5 spec worked was just to standardize what browsers already did.” – Paul Irish, Creator of HTML5 Boilerplate

In this post, we’ll dig in to HTML5 Boilerplate and explore some of the awesome things it has to offer.

If you’ve got about an hour to kill, then check out the embedded video of Paul Irish, the creator of HTML5 Boilerplate, explaining the features of Boilerplate and walking through the code line-by-line. The notes below are largely taken from this video.

Read More »

Non-Destructive editing with Photoshop Adjustment Layers

Dec
25

Photoshop adjustment layers are much like any other Photoshop layer. They sit somewhere above or below the other layers in your layer stack and can be used with effects, masks, and filters. An adjustment layer will affect all layers below it. So, for example, if we applied an orange solid color adjustment layer to our layer stack, then all layers below it would have an orange-ness to them.

An adjustment layer can be applied either by either clicking on the adjustment layer button in the layers palette () or via the Photoshop menu (Layer > New Adjustment Layer…).

We can adjust the settings of an adjustment layer by double clicking on it in the layers palette. We can switch to a different kind of adjustment layer by choosing Layer > Change Layer Content…

Read More »