Mehul Patel Web Artist

I am Mehul Patel. Nadiad is my home town. I am a Web Artist as well I am a Graphics Designer. I am in this field by passion and ability to create something new which is different.

Category name clash

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. ...

Test with enclosures

Here's an mp3 file that was uploaded as an attachment: Juan Manuel Fangio by Yue And here's a link to an external mp3 file: Acclimate by General Fuzz Both are CC licensed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, ...

Block quotes

Some block quote tests: Here's a one line quote. This part isn't quoted. Here's a much longer quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem, varius aliquet, ...

Contributor post, approved

I'm just a lowly contributor. My posts must be approved by the editor.Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at ...

Website Design for Mobile Devices

Posted by Mehul Patel - - 0 comments


How to design a website for mobile devices (smart phones). Next web world with smart phones so start working on mobile templates. In this post I want to explain very basic HTML design tip with adding a meta tag. I had implemented this attouch.9lessons.info, try to access this link with any smart phone Eg: Iphone and Android devices.

iphone application oneiphone application Two

 Live Demo

Related article : Introducing 9lessons iphone Web Application

Normal site
Contains HTML code. CSS width style fixed with pixels. width : 900px
 
http://www.w3.org/1999/xhtml">

Content-Type" content="text/html; charset=iso-8859-1" />
</span><b>Normal Website</b><span class="Apple-style-span" style="color: blue; ">



">



Mobie site
Contains HTML code. CSS width style with percentage. width : 100% . Take a look atMETA tag viewport.


</span><b>Mobile Website</b><span class="Apple-style-span" style="color: blue; ">
width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport" />



">



META tag viewport for Iphone
Width fixed 320
width = 320,initial-scale = 2.3, user-scalable = no" name = "viewport" />

META tag viewport for all smart phone devices (recommended)
Auto width adjustment.
width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name = "viewport" />


Apple developer meta tags information

Redirect iPhone, Blackberry, & Palm Requests With .htaccess
Beginning iPhone 3 Development: Exploring the iPhone SDK

Leave a Reply

Thank you for your comment.