You can make your web site mobile ready, by building a theme using responsive design or adaptive design. Responsive design and adaptive design take advantage of new features in HTML5 and CSS3.   HTML5 and CSS3 new technologies supported by modern browsers.

Responsive Design

Responsive design is based on a grid system that changes the layout based on the browser window size. This web site is built using responsive design techniques. The biggest benefit of responsive design is that the web site can change its layout based on the the device or the size of the browser.  The layout can therefore be tailored to the device being used.  In addition to changing the layout, you can also reduce the number and size of graphics sent to the user.  This helps web pages load faster on mobile devices, which usually have a slower connection.  This also reduces the amount of bandwidth used by the user, thereby reducing the cost of loading your page to the customer.

Responsive picture of this web site

Adaptive Design

With adaptive design the web site is designed for multiple specific screen sizes.  Adaptive design combines a design for specific screen sizes and specific devices.  This can produce a very stream lined web sites that work very well on each specific device.