Day1 - Web Mobile and HTML5

in this post i will try to summarize what i learned in a course.

some ppt from ynon perek about web mobile could be found here

http://ynonperek.com/course/mobileweb/about.html

another site i just found is Learn how to build beautiful & intuitive websites.

web most popular front end template - could be found here 

http://html5boilerplate.com/

its a good place to start to build your html5 site.

an easy meta tag to set in your html page to present nicely on mobile:

meta name="viewport" content="width=320"

mean that the mobile browser should show this page in 320 width, read more about newport tag.

A collection of inspirational websites using media queries and responsive web design.

more about mediaqueries

very good site to start and  play with yours html-css code http://dabblet.com/

JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. 

extra info about mobile web http://www.quirksmode.org/mobile/

list of media queries http://nmsdvid.com/snippets/

very good css tutorial  http://code.google.com/edu/submissions/html-css-javascript/ and another one http://css-tricks.com/ , https://developer.mozilla.org/en-US/docs/CSS

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

Here is a  site who can help you to generate css3 styles to controls css3generator.

The Ultimate CSS Gradient Generator , will help you to create gradient.

until the next day ....

Yaniv