As many as you have heard that new web technologies are coming into play. With many people using their mobile devices such as the iPhone or Palm Pre the consumers want new web technologies that will help them browse the internet without any plug-ins that need to be installed such as the Macromedia Flash.

Several new elements proposed in HTML5 are meant to only add more semantic markup, and will do nothing except provide a more meaningful alternative to <div>. These new elements include: <article>, <section>, <aside>, <hgroup>, <header>, <footer>, <nav>, <time>, <mark>, <figure>, and <figcaption>.

These elements are available in all modern browsers (Firefox 3+, Safari 3.1+, Chrome 2+, and Opera 9.6+), except for Internet Explorer. JavaScript offers an easy solution with “document.createElement(tagName)”; that you can use to create new HTML5 elements in IE. Instead of creating these elements yourself, you can also use HTML5 Enabling Script or IE Print Protector – these scripts will also help IE render HTML5 elements correctly in print.

HTML5 provides several new attributes, input types and elements for web forms. As of today, only Opera provides decent support for HTML5 forms. You must therefore download Opera to see how most of the new features will work.

• New Input Types
  color, email, date, month, week, time, datetime, datetime-local, number, range, search, tel, and url
• New Attributes
  required, autofocus, pattern, list, autocomplete and placeholder
• New Elements
  <keygen>, <datalist>, <output>, <meter> and <progress>

HTML5 specification in regards to audio and video is one of its most talked about feature. In addition to the obvious benefits of having native audio and video support, this debate is mainly focused on differences in audio / video formats preferred by browser vendors. If you are going to use HTML5 <audio> and <video>, it is important that you get yourself familiar with following audio/video codecs and know which browser will support what:

• Audio: ogg (ogg, oga), mp3, wav, AAC
• Video: ogg (ogv), H.264 (mp4)

Hopefully this can be a help to a web designer who wants to move in the right path to develop new and exciting web applications using HTML5 technologies.

jQuery library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library. I’ve used these tools and found them great to use since they offer web designers a lot of access to different content which they can create.

Since these tools are open source they are good for any web designer who want’s to make their own website more interactive. The tools will be loaded with maximum performance no matter where your client is located on the globe. Without the jQuery library, the file size is roughly 5.59 Kb when gzipping is enabled on the server side.

Here are primary rules that makes your site work faster:

1. Make fewer HTTP requests

2. Use a Content Delivery Network (CDN)

3. Add an Expires header

4. GZIP components

5. Minimize the JavaScript

By focusing on these areas, you can improve your website performance by roughly 70-80%. Hopefully this information helps out.

Source: jQuery Tools

Hello everyone. My name is Vahidin, but everyone calls me Vaha. I’ve been designing websites for a long period and I have finally decided to create my own blog to share some cool ideas about latest technolgies related to websites, computers and other gadgets.

We’re trying to figure out how to best use this blog to talk about Vaha Design. If you have any interesting ideas, we’re open to ideas.