Here are some CSS media queries useful for targeting various iPhones. (more…)

Over 10 years ago, IE6 had major problems when dealing with PNG transparency.

In their infinite wisdom, Microsoft continued this comedy of errors years later with Internet Explorer 7 AND years after that with Internet Explorer 8!

In this article, I’ll show you how I fixed the ugly black outline issue with 3 simple words. See the CSS.

Since IE6 finally phased out, Internet Explorer 7 becomes the last true headache for web designers. Webkit, gecko, and IE8 browsers have subtle differences, but it is somewhat easy to make a consistent design. See the IE7 solution.

Formal writing styles usually call for paragraphs to be indented. It is rarely seen on the web, though. This is due to the fact that HTML code ignores the tab key, which is commonly used to indent paragraphs in offline word processors. see how it should be handled.

Welcome to the Solidly Stated article series, “Building Better Web Pages”. This series comprehensively covers building an HTML document: easily learned, but rarely perfected.

The purpose of this series is to help designers build better web pages. I have been an artist since childhood, so perhaps that is why I see writing HTML as an art form. However, today’s development tools and content management systems make knowing whats under the hood all but obsolete. Understanding the foundations of HTML is what separates the wheat from the chaff, as far as designers go. See the Table of Contents.

Welcome to another article on Building Better Web Pages. This article series comprehensively covers building an HTML document: easily learned, but rarely perfected.

Today’s article covers CSS Sprites. This also means that it covers Javascript preload images, rollover images, hover images, and the old rookie question of, “why do my images blink when I hover over them?” The goal of this article, other than helping you build better web pages, is to catch search engine queries in the preceding sentence and help steer those people in the correct direction.

Welcome to another article on Building Better Web Pages. This article series comprehensively covers building an HTML document: easily learned, but rarely perfected.

Today’s article covers Separation of Presentation and Content. It is a sister article to Unobtrusive Javascript, which covers separation of behaviors and content. I recommend reading both to get the whole picture. (more…)

There are a handful of syntax highlighting tools for WordPress. WP-Syntax, as of this post, is the most downloaded highlighter available at about 100,000 downloads. They have a lot in common and all support pretty much any scripting language you can think of. While they all use GeSHi coloring engine, the major problem I have with WP-Syntax plugin is that it’s simply a rectangle with colored code inside it. I was looking for something more. Let’s look at a better option