Monthly Archives: August 2010

Moving Websites to the HTML5 Markup

Browsers (except Internet Explorer) are constantly improving their support for HTML5 and although there is no final version of the new standard yet, many developers are aware of the whole new world of possibilities that opens with its use. Internet Explorer 9 will support it natively, but why wait when you are just a few easy steps away from using HTML5 without any cross browser concerns now? Here they are:

  1. Change your current doctype to <!DOCTYPE html>. It is easy to remember, and although it is not associated with a schema, namespace and subset, it does not trigger quirks mode in Internet Explorer and your page will look exactly as it was before with the XHTML DTD.
  2. According to the specifications, HTML5 does not require the implicit setting of mime types when you register external style sheets or JavaScript, so you can safely remove type="text/css" from your <script /> and <link /> tags. Be aware that you shouldn’t remove rel="stylesheet", otherwise the browser will not know what type of linked document is dealing with and won’t be able to parse it correctly, i.e. your CSS rules will not be applied.
  3. Remove the xmlns="http://www.w3.org/1999/xhtml" attribute from the <html /> tag. As we mentioned already, namespace is not required anymore.
  4. If you are using <meta http-equiv="content-language" content="en"/>, you can safely remove it, and add put your language code in a lang attribute directly in the <html /> tag:

<html lang="en-US">

  1. HTML5 does not allow stray-end tags for <link /> tags, as it was required in XHTML1.1, so you need to change:

<link rel="stylesheet" src="styles.css"></link>
To:

<link rel="stylesheet" src="styles.css" />

  1. You can safely remove the meta charset tag:

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

… And use:

<meta charset="utf-8" />

At this stage your website is already HTML5, but in order to start using the new tags and bring semantics to your code you should enable them in Internet Explorer 6-8.

Enabling HTML5 in Internet Explorer

One of the persistent issues with Internet Explorer is that it cannot style elements it does not recognize. The problem is as early as IE5.5 – although the <abbr /> tag was part of the official specification of HTML, IE5.5 did not recognize it, and thus – did not style it. The solution was to create the element with JavaScript, and then everything was worked. The other issue is that IE collapses unknown tags at parse time. This means that the children of your, let’s say <aside /> tag will actually become children of the parent of <aside />. Fortunately, this can be fixed with the same JavaScript approach. More about it is available on the MSDN official blog, and the solution that is widely accepted and used is called HTML5Shiv and has been created by Remy Sharp.

Start Using HTML5

If you have added HTML5Shiv to your webpage you are good to start using HTML5 elements and replace the semantically void <div /> and <span /> tags with <header />, <footer />, <aside />, etc.

Below is a list of websites that provide detailed information, cheatsheets, sample code and tutorials on HTML5:

Happy coding!

Acid.RSS – Fully customizable RSS publisher, reader, editor and parser

Acid.RSS is a complete all-in-one suite for RSS authoring, publishing and syndication for your website. It features seamless and fully localizable AJAX driven admin panel with WYSIWYG editor, item sorting via drag and drop and friendly system messages. And that’s not all…

The public side of the component is fully customizable and comes with 12 cool looking Web 2.0 skins that will virtually fit any design. Despite of its rich functionality, Acid.RSS is extremely fast even with big feed files and is very small in footprint.

Key Features

  • Crossbrowser WYSIWYG news editor in the admin.
  • Fully AJAX driven.
  • Easy installation, setup and customization.
  • News items in the admin can be rearranged via drag and drop.
  • 12 cool CSS3 skins cool Web 2.0 looks.
  • Internet Explorer 9 ready.
  • Optional CSS3 styling for Internet Explorer 7-8.
  • Fully customizable public page – you choose what to display.
  • User defined default number of shown items on the public page.
  • Cool animations on the public page and in the admin.
  • Friendly system messages and confirmations in the admin panel.
  • Fully localizable and easy to use admin panel.
  • Small footprint.

Visit the home page for Acid.RSS for detailed information, demo, screenshots and download. The component is included in the latest version of Acid.JS Web 2.0 Component Library as well.

Acid.JS Component Licenses Pricelist for August 2010

If you consider purchasing a component from Acid.JS, on the following page you will find the pricelist for the different licenses under which our products are being sold. The prices will be valid until the end of August 2010, and in the beginning of September  they will become higher for good, so hurry up – now’s the time!

More information on the available licenses is available on this page.

LoadingPanel.JS 6.0 is out with Support for CSS3

I am happy to announce that the new, fully reworked and reconsidered version of LoadingPanel.JS is already available online and for download and is included in version 6.2 of Acid.JS Web 2.0 Component Library.

What’s new and cool:

  • Full CSS3 support for Internet Explorer 6-8.
  • Users are now able to set any radius to the borders, and apply really fancy shapes to the loading message box.
  • Loading message dropshadow.
  • Loading message dropshadow spread.
  • Improved performance and crossbrowser compliance.
  • Internet Explorer 9 ready.
  • Smaller footprint.
  • Easier installation, setup and customization.
  • More customization options.

Visit the home page for LoadingPanel.JS for demo or download it right away. The full documentation about the setup, customization, client API, troubleshooting and everything else is availabe on this page.