Ok, there is not so much of a difference between HTML4 and HTML5 from web-developer standpoint, just some <div> elements are replaced with more meaningful ones (I’m talking about markup now, not about new APIs. Here is what I mean:

In a few words: the only difference is that we use new HTML elements instead of descriptive CSS class names and IDs. I’m not going to describe all new features of HTML5 here, the good introduction could be found here or here.

Here are my recommendations on using HTML5 today:

1. To enable new HTML5 elements in IE you should use document.createElement — see lines 6-8, explanation is here.

2. Ensure that new HTML5 elements are block level:

   1 2 3 4 5

   header, footer, section, nav, article, aside {     margin: 0px;     padding: 0px;     display: block; }

3. Use <section> element if you need to add a block of specific content, like categories list (lines 54-61). Use good old <div> to add a markup element with no specific sense (for example, <div id="container"> on line 11).

4. Use <nav> element to create any sort of navigation panes (top-level menu, sidebar, footer links). Do not use <aside> to create sidebars — this is wrong!

5. <header> and <footer> elements are good candidates to wrap any heading (logo, top level navigation, and almost everything that visually is under the main content) and bottom (article metadata, page footer, bottom links, and almost everything that visually is below the main content) information. You can use these elements inside other elements like <nav>, <article>, or <section>, so use them.

6. New element <article> contains a block of information inside the main content area. It could be an article or blog post, a comment, a particular book description in bookstore, etc. Be creative and use this exciting element to fill your pages with a sense.

7. The most controversial element is <aside>. Lots of articles about HTML5 in the Internet suggest to use it for the sidebar navigation, but that is absolutely wrong. Use this tag to take some information out of primary content. Good candidates are footnotes or side notes, quotes, comment author’s avatar, etc. Yes, I’ll repeat: be creative.

8. Almost everything you do in HTML4 is valid for HTML5: use unordered lists <ul> of list items where order does not matter, use ordered lists <ol> otherwise. Use tables (yes, <table>) for tabular data structures (and not for layout). Paragraphs, emphasizes, quotes, and much more elements should take their own place in your markup.

9. Use validator to ensure you are doing it right.

10. Read the code. The good place to start from is HTML5 Gallery.

You can start using HTML5 right now. It’s our future, and we need to know, how would it look like.

PS. Did you notice the nice code syntax highlighting in this blog? I’m using CodeColorer — the best syntax highlighting plugin for WordPress. Try it and you will stay with it forever!

During the last few months we (I and Alexey Kovyrin) have been working on a major Best Tech Videos site platform update. If you have not seen it before — it is time to take a look at it because really soon everything will change. I don’t mean that site idea would change (you would be able to find there the best tech videos), but usability, information availability and many small but useful things will be changed for good.

So, what are these major changes? First of all, design of the site has been changed and, I think, it is much better now. Here are some examples of the first page, login page and videos list page as they look on the test server now:

Video Authors (producers) could manually post their own videos on the server now. To make some video available to site visitors and users (onlooker), it have to be approved by one of the site’s moderators (instructor) or by some other author. Video posting page will look like following:

One more really great feature — now you could compose your own videos RSS-feed using some of the site’s feeds for tags and categories. You could simply choose tags and categories you like and get your own RSS feed with the best videos from your point of view.

Besides of view changes, we have decided to add some ‘sociality’ to the service, so now you could vote for videos you like, add videos to your favorite videos list and discuss videos with your fellow BTV users. Of course, you and your friends could get your favorite videos list RSS-feed.

By the way, I want to emphasize a bit on a technologies. Current version of the site was based on WordPress engine with some set of custom plugins. New version has been created from scratch using Ruby on Rails and now we have pretty flexible basement for further service development. So, if you have any ideas how to make the service better — your suggestions are really welcome.

And now I want to disclose some of our stats. As of today, you can find on our site 754 high-quality (custom filtered) videos in 100 categories which are more than 385 hours of video content! This collection grows every day. So, stay tuned — we will announce final release of the services soon.

Here You will be able to read my notes about my admin’s life, about some interesting news in IT world, maybe some links to interesting web resources.