Code in Full - J. Albert Bowden II

The OPML Editor OPML (Outline Processor Markup Language) an...

Wed, 05 Aug 2009 07:52:22 -0400

The OPML Editor

OPML (Outline Processor Markup Language) an XML-based format that allows exchange of outline-structured information between applications running on different operating systems and environments.

The latest OPML Editor comes knowing how to do one thing, edit OPML documents. Everything else can be added by installing tools using the new Tool Catalog command. Screen shot.

Why Are People Still Using Internet Explorer 6?

Wed, 22 Jul 2009 21:59:45 -0400

Why Are People Still Using Internet Explorer 6?

Aptana Jaxer Use The APIs And Standards You Already Know Use the...

Wed, 22 Jul 2009 01:26:41 -0400

Aptana Jaxer

Use The APIs And Standards You Already Know

Use the same ubiquitous set of languages you find in the Web browser, on the server to build full apps or presentation tiers faster and more easily.

HTML, JavaScript, and CSS are all native to Jaxer, as are XMLHttpRequests, JSON, and DOM scripting. And as a server it offers access to databases, files, and networking, as well as logging, process management, scalability, security, integration APIs, and extensibility.

Jaxer is licensed under the GPL, and leverages the ubiquitous Mozilla engine that is used in Firefox 3, which means that Jaxer is fully compatible with the latest JavaScript standards, including access to all of the features you are familiar with — from Date to Math to window and document, and even JavaScript 1.5, 1.7, and 1.8 — they’re all there. If you know JavaScript and HTML, you can already build Jaxer applications.

Use your Ajax, HTML, JavaScript and DOM skills server-side
Integrate with databases, file systems, networks and more
Just tag your JavaScript code to run on the server, the client, or both

Triadic Harmonies Triadic Harmonies are sets of colors that are...

Tue, 21 Jul 2009 18:36:29 -0400

Triadic Harmonies

Triadic Harmonies are sets of colors that are equidistant on the color wheel. You might use shades or tints from one triadic set in combination. Above, one set of shades and one set of tints are shown.

Split Complementary Split Complementary are sets of colors that...

Tue, 21 Jul 2009 18:32:18 -0400

Split Complementary

Split Complementary are sets of colors that are opposite each other on the color wheel. Unlike simple complementary pairs, however, in a split you substitute the two colors on each side of the directly complementary partner color. There are 12 such combinations, in the image above, only 4 of the 12 are visible.

Complementary Colors Complementary colors are those that are...

Tue, 21 Jul 2009 18:31:14 -0400

Complementary Colors

Complementary colors are those that are opposite each other on the color wheel. You might use shades or tints from one complementary set in combination. In the six pairs seen here, some shades and tints are shown. The top and bottom of the six pairs are equivalent to all 12 hues in the color wheel. The top three are the primary colors, which are paired with the secondary colors. All the tertiary colors are in the lower row of pairs.

Web Colors: Analogious Colors Analogous colors are those that...

Tue, 21 Jul 2009 18:20:11 -0400

Web Colors: Analogious Colors

Analogous colors are those that are side-by-side on the color wheel. You might use shades or tints from one analogous set in combination. That is, you shouldn’t think only in terms of the 12 colors seen here. Each one of the 12 hues has a range of saturation or brightness. Yet you must not combine colors without thinking about how they affect one another. What are the relationships between two colors? That’s what the color wheel is meant to teach us.

Web Color Wheel - Shades 20% Shades are created when black is...

Tue, 21 Jul 2009 18:18:54 -0400

Web Color Wheel - Shades 20%

Shades are created when black is added to the base hue. In Photoshop, you can place a black layer above a color and reduce the opacity of the black layer. That’s what I did here. The black layer is at 20 percent opacity.

Web Color Wheel - Tints 30% Tints are created when white is...

Tue, 21 Jul 2009 16:56:21 -0400

Web Color Wheel - Tints 30%

Tints are created when white is added to the base hue. In Photoshop, you can place a white layer above a color and reduce the opacity of the white layer. That’s what I did here. The white layer is at 30 percent opacity.

Web Color Wheel - Tertiary Colors The six tertiary colors are...

Tue, 21 Jul 2009 16:49:21 -0400

Web Color Wheel - Tertiary Colors

The six tertiary colors are more interesting than the other six colors on the wheel (that is, the primary and secondary colors). Try choosing one of these and then working with two tints and two shades of the one you chose.

Web Color Wheel - Secondary Colors The three secondary colors...

Tue, 21 Jul 2009 16:46:53 -0400

Web Color Wheel - Secondary Colors

The three secondary colors are slightly more interesting than the primary colors. Again, these should not be used together in design (in most cases). Choose one for accents, perhaps, for use in a design with several shades or tints of one complementary color.

Web Color Wheel - Primary Colors The three primary colors make...

Tue, 21 Jul 2009 16:38:19 -0400

Web Color Wheel - Primary Colors

The three primary colors make us think of toys for small children. These colors are simple. They are not terribly interesting. One used alone in a mostly gray design — or a black-and-white design — can have a very strong effect. But otherwise, think hard before you use these colors.

Color Wheel - Full The color wheel was invented by Isaac Newton...

Tue, 21 Jul 2009 16:32:37 -0400

Color Wheel - Full

The color wheel was invented by Isaac Newton (1642-1726). He worked with the spectrum of visible light, for which the range of colors goes from red to violet (red, orange, yellow, green, blue, violet — a six-color sequence that can be memorized as ROY G. BV).

The Author Of The Windows Copy File Dialog Visits Some Friends

Mon, 20 Jul 2009 15:02:49 -0400

The Author Of The Windows Copy File Dialog Visits Some Friends

Clean CSS - A Resource for Web Designers - Optmize and Format...

Fri, 17 Jul 2009 03:43:09 -0400

Clean CSS - A Resource for Web Designers - Optmize and Format your CSS

CSS Formatter and Optimiser (based on csstidy1.1)

The same selectors and properties are automatically merged.

Your code should be well-formed. This is no validator which points out errors in your CSS code. To make sure that your code is valid, use the W3C Validator.

CSS SuperScrub

Fri, 17 Jul 2009 03:29:04 -0400

CSS SuperScrub:

CSS SuperScrub

This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.

Karmagination Karmagination is an ultra-lightweight JavaScript...

Fri, 17 Jul 2009 01:14:15 -0400

Karmagination

Karmagination is an ultra-lightweight JavaScript framework that makes DOM manipulation and object-oriented programming easy. By having a low learning curve and extreme performance, Karmagination is ideal for both complex and simple sites.

jSlickmenu is a jQuery plugin to create slick menus using...

Fri, 17 Jul 2009 01:07:34 -0400

jSlickmenu is a jQuery plugin to create slick menus using CSS3

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It’s fairly easy to use, highly customizable and pretty cool (and fun!) to see.

Sadly, CSS3 and HTML5 aren’t the standards (yet) these days (when will it ever be?). Since this demo is using CSS3, not all browsers will be able to show off the full effect. Because of this, it only works on Apples Safari and Google Chrome as they are the only browsers supporting the Transform and Box-Shadow property of CSS3 via the -webkit- prefix. Mozillas Firefox 3.5 is getting these properties too (with the -moz- prefix). So, for now, this is just for fun - Other browsers will display the menu, but (sadly) in a whole different way.

Findability/SEO Cheat Sheet: Quick Guide To Web Standards SEO |...

Thu, 16 Jul 2009 00:38:42 -0400

Findability/SEO Cheat Sheet: Quick Guide To Web Standards SEO | Aaron Walter

Semantic Web Stack The Semantic Web Stack, also known as...

Thu, 16 Jul 2009 00:11:21 -0400

Semantic Web Stack

The Semantic Web Stack, also known as Semantic Web Cake or Semantic Web Layer Cake, illustrates the architecture of the Semantic Web.

The Semantic Web Stack is an illustration of the hierarchy of languages, where each layer exploits and uses capabilities of the layers below. It shows how technologies that are standardized for Semantic Web are organized to make the Semantic Web possible. It also shows how Semantic Web is an extension (not replacement) of classical hypertext web.

As shown in the Semantic Web Stack, the following languages or technologies are used to create Semantic Web. The technologies from the bottom of the stack up to OWL are currently standardized and accepted to build Semantic Web applications. It is still not clear how the top of the stack is going to be implemented. All layers of the stack need to be implemented to achieve full visions of the Semantic Web.

The illustration was created by Tim Berners-Lee . The stack is still evolving as the layers are concretized.