Archive for the ‘Code’ Category

Disabling Deprecated HTML Using CSS

Tuesday, October 23rd, 2007 | 101 Comments

When handing over a project to the client, you sometimes loose control over the content HTML source. Sometimes the client uses a CMS that allows them to have full control over certain parts of the HTML, and sometimes the client simply uses your templates to insert their own HTML content in the document.

It can be hard enough to inform the client about how to use the templates or CMS you provided, and sometimes there is simply not enough room to educate and lecture about semantic HTML and standards. The client will use their plain old markup they once learned, simply because it still works and looks the way they are used to. That will most likely involve some deprecated HTML tags and attributes, such as bgcolor, align and the dreadded <font> tag. This article is about disabling the deprecated tags using CSS, thus gracefully guiding the client in the right direction.

(more…)

Rendering Quotes With CSS

Tuesday, August 21st, 2007 | 57 Comments

The W3C recommends that visual user agents render quotation marks according to the specified language attribute, since many languages adopt different styles for quotations. Yet no user agent I have tried will render quotations in a language-specific manner in their default style sheet. Let’s change that.

(more…)

Introducing Tripoli

Thursday, August 16th, 2007 | 82 Comments

Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.

Enter Tripoli

The ideas behind Tripoli

  • to form a generic standard for rendering HTML 4 tags
  • to reset and rebuild all browser defaults for maximum compability
  • to address deprecated tags in HTML 4 and disable them through CSS
  • to separate content typography from layout measurements, allowing simple implementation in dynamic design environments
  • to increase readability and web typography
  • to assist clients who have little knowledge about CSS to write HTML that actually looks great
  • to increase form useability and visual appearance of form controls
  • to make the HTML look great in several medias, including screens, mobile browsers and prints
  • to embrace W3C’s guidelines and well know typographic rules
  • to allow external plugs that can extend generic defaults into more advanced themes

Please visit the Tripoli site for more information, downloads and examples.

Beware of Helvetica and Times

Thursday, July 5th, 2007 | 5 Comments

If you (like me) are using helvetica or times as preferred font-family in your web designs, you should be aware of one important thing: Firefox/mac renders the fonts incorrectly.

(more…)

HTML5 versus HTML4

Friday, June 22nd, 2007 | No Comments

Anne van Kesteren har written a great article at W3C about what differences we might expect between HTML4 and the new HTML5. The read is easy to adapt and Anne explains in plain text what elements are new and how they differ from previous versions.

Besides all the new semantic elements that will be introduced, such as <nav>, <dialog> and <footer>, there are some other interesting new things to be prepared for:

  • The div and li element that today can contain both inline and block.level content thanks to it’s flow definition in the doctype, will only be allowed to contain one of them in the future (but you can still nest inline elements inside a block).
  • The i element will not be deprecated, but instead represent span of text in an alternate voice or mood, or otherwise offset from the normal prose. It will still be italicized and will probably still be misused by authors.
  • The Doctype will no longer require a reference to a DTD. <!DOCTYPE html> is enough.

Ther are a lot more to digest in the post so make sure you read it.

Links:

Page 2 of 6«12345»...Last »

You are currently browsing the archives for the Code category.

Content

Archives

Externals

Feeds

Add

Users Online