EE Logo Twitter Logo Facebook Logo Linked In Logo

August 27, 2010

How about them DOCTYPES


Document Type Definitions (DTD), also known as DOCTYPES, are markup declarations of web standards designed to increase cross-browser compatibility. Unfortunately, there are many options to choose from and very few details on the web of what exactly they do and how they differ. As you may have noticed, most DTDs reference the website w3.org (W3Schools). This is because W3Schools is backed by a large community and is considered to lead the web development industry and define its standards.

When utilizing a DTD, your browser will render in standards mode instead of the default backwards-compatible quirks mode. Quirks mode should only be used on websites written for older browsers. One of the biggest differences between quirks mode and standards mode is the quirks’ rendering of CSS in Internet Explorer as compared to other browsers. The Internet Explorer rendering, known as the Internet Explorer box model bug, differs from the W3C standards being that the content, padding and borders are within a specified width or height. W3C standards, on the other hand, define padding and borders as an addition to the specified width or height of the content. This issue has been resolved in the standards mode of Internet Explorer 6 and greater. Other notable quirks include browser differences in the vertical alignment of images and the ability of tables to inherit the CSS default font styles.

Your DTD should be the very first thing on the HTML page preceding the <html> tag without any leading white space. When picking a declaration you must choose between using an HTML or XHTML declaration. XHTML is very similar to HTML and is to help the transition to a new generation of mark-up languages. XHTML looks just like HTML except that it enforces syntax rules such as case sensitivity and that elements are properly closed. There is not much benefit of using XHTML markup over HTML other than that it is XSL ready, easier to maintain, and is ready for the future.

Generally, all new sites should aim to use a Strict DOCTYPE. A Strict DOCTYPE encourages and helps enforce the separation of structure and presentation as it excludes presentation attributes and elements. Also, using a Strict DOCTYPE ensures that browsers use their strictest, most standards complaint rendering modes. A Transitional DOCTYPE, however, is designed for older sites to make the transition to modern ways. The Transitional DOCTYPE permits the use of deprecated legacy markup such as <font>, <iframe>, and <u>. A full list of supported markup elements for the different DOCTYPES can be found here.

For a great list of available DOCTYPE declarations you can visit the W3School’s HTML <!DOCTYPE> Declaration page. When picking a declaration, be sure that it contains a full URL and that the URL actually works. There are many websites that post declarations that use relative paths or have a .dtd URL that longer works. You can test this by visiting to the URL address in your browser.

August 12, 2010

The Verizon/Google Net Neutral…


The Verizon/Google Net Neutrality proposal gets a thumbs up from AT&T as well. http://fb.me/FSTmxuyT

August 5, 2010

Search Engine Truths


Frequently people will ask us how they can improve their website rankings in search engines. Over the past four years, we have developed the following list of suggestions.

  • Use unique and meaningful title information on every page. When title information is repetitive, the search engine assumes that the pages are too. The same is true for meta description.
  • Include your listing on relevant online directories such as Yellow Pages, Yahoo, Yelp, local service directories or professional groups.
  • Remove technology like frames and excessive graphics, especially if they include text. Text should stand on its own as HTML. Otherwise, it is guaranteed not be seen by search engines.
  • Keep a good balance between text and graphics. Search engines will ignore your graphics and focus on your text, but actual visitors will respond to both.
  • Keep your message accurate and current. More frequently updated sites tend to be indexed more. More usable updates satisfy visitors. Look at ways to add to your content. Blogs or regular site updates can be helpful.
  • Look for online communities to participate in. Freely exchanging information and providing expertise about your field will always increase success.
  • Monitor visitor activity and trends. Review activity and change your website to produce the desired results.

This may well be an overreacti…


This may well be an overreaction or a misunderstanding, but the accusation is pretty serious for everyone’s… http://fb.me/uPqMt8yo

July 22, 2010

No matter where you are in the…


No matter where you are in the development of your website, this guide has some excellent information for you. http://fb.me/ETUglR46

July 20, 2010

We hate to turn a project down, but we would have to try to talk you out of these..


Around here we love a little site called The Oatmeal.

If you haven’t seen it yet, it is full of some funny and useful content – everything from the history of beer to the proper usage of irony and grammar. We loved this post of “8 Websites You Need To Stop Building.”

I wonder how long actual books…


I wonder how long actual books will be able to stick around. http://fb.me/vK6me7Fx

July 12, 2010

Really cool! I’m assuming it’…


Really cool! I’m assuming it’s like a dreamweaver or wordpress, but for an Android app. Being a Google product,… http://fb.me/EjPmCKmr

July 8, 2010

Bit of an update on the OnLive…


Bit of an update on the OnLive video game streaming service. Apparently an average lag between 150 and 200ms… http://fb.me/BOunILke

July 2, 2010

Some points for Flash in the i…


Some points for Flash in the industry debate between Flash and the new HTML5 video tag. http://fb.me/CvjQaLpI

Older Posts »

© 2010 Einstein's Eyes