Error-331 · June 29, 2012 17:40 · Nov 5, 2012 · Jun 29, 2012 · Jun 29, 2012 · Jun 29, 2012
diff --git a/Notes b/Notes
@@ -1,3 +1,5 @@
+<meta name="viewport" content="width=device-width, initial-scale=1" /> - just what we need
+
 480 px - most popular value of mobile screen width while in landscape mode;
 
 <meta name="viewport" content="width=device-width, initial-scale=1" /> 

diff --git a/Links b/Links
@@ -21,4 +21,6 @@ http://chrispederick.com/work/web-developer/ - various web developer tools for c
 
 https://gist.github.com/901295 - Improved version of JavaScript fix for the iOS viewport scaling bug;
 
-http://www.useragentstring.com/ - site with collection of useragent strings;
+http://www.useragentstring.com/ - site with collection of useragent strings;
+
+http://detectmobilebrowsers.com/ - mobile browser detection script;
diff --git a/Notes b/Notes
@@ -13,4 +13,15 @@ Flexible Box Model - the future of responsive design;
 
 you can use the bookmarklet to check the images size using javascript;
 
-There is some sort of UAProfs besides user agent;
+There is some sort of UAProfs besides user agent;
+
+Opera Mini transfers all requests through Opera caching server;
+
+XHTML-MP - mobile profile for "old" phones;
+
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> - doctype for XHTML-MP;
+
+<a href="#dashboard" accesskey="1">Your Dashboard</a> - access keys in XHTML-MP;
+
+For correct work of Opera Mini site must use XHTML-MP profile;
diff --git a/Links b/Links
@@ -15,4 +15,10 @@ http://www.cloudfour.com/responsive-imgs-part-2/ - about responsive images part
 
 http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html - about viewport;
 
-https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh - resize browser window to emulate various screen resolutions;
+https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh - resize browser window to emulate various screen resolutions;
+
+http://chrispederick.com/work/web-developer/ - various web developer tools for chrome and firefox;
+
+https://gist.github.com/901295 - Improved version of JavaScript fix for the iOS viewport scaling bug;
+
+http://www.useragentstring.com/ - site with collection of useragent strings;
diff --git a/Notes b/Notes
@@ -11,4 +11,6 @@ Flexible Box Model - the future of responsive design;
 
 <img src="http://src.sencha.io/http://[DOMAIN]/[PATH]/brews_images/bensons_bubbler.jpg" alt="Benson's Bubbler"> - example of how Sencha compresses the images; 
 
-you can use the bookmarklet to check the images size using javascript;
+you can use the bookmarklet to check the images size using javascript;
+
+There is some sort of UAProfs besides user agent;
diff --git a/Links b/Links
@@ -4,4 +4,15 @@ https://addons.mozilla.org/en-US/firefox/addon/yslow/ - YSlow analyzes web pages
 
 http://www.blaze.io/mobile/ - mobile web performance tester;
 
-http://httparchive.org/ - about HAR files;
+http://httparchive.org/ - about HAR files;
+
+http://www.smushit.com - site that deletes unnecessary bytes from the image;
+
+http://blog.cloudfour.com/ - good blog about mobile development;
+
+http://blog.cloudfour.com/responsive-imgs/ - about responsive images part 1;
+http://www.cloudfour.com/responsive-imgs-part-2/ - about responsive images part 2;
+
+http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html - about viewport;
+
+https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh - resize browser window to emulate various screen resolutions;
diff --git a/Notes b/Notes
@@ -1,7 +1,14 @@
 480 px - most popular value of mobile screen width while in landscape mode;
 
-<meta name="viewport" content="width=device-width, initial-scale=1" /> - tells the browser about screen scale value;
+<meta name="viewport" content="width=device-width, initial-scale=1" /> 
+- tells the browser about screen scale value (it also enables the zoom);
 
 1em = 100% ≈ 12pt ≈ 16px (but this is not always true);
 
-<iframe src="http://www.youtube.com/embed/O-jOEAufDQ4" style="max-width:100%"></iframe> - a better way for inserting flash into the page;
+<iframe src="http://www.youtube.com/embed/O-jOEAufDQ4" style="max-width:100%"></iframe> - a better way for inserting flash into the page;
+
+Flexible Box Model - the future of responsive design;
+
+<img src="http://src.sencha.io/http://[DOMAIN]/[PATH]/brews_images/bensons_bubbler.jpg" alt="Benson's Bubbler"> - example of how Sencha compresses the images; 
+
+you can use the bookmarklet to check the images size using javascript;
diff --git a/Links b/Links
@@ -1 +1,7 @@
-http://www.sencha.com/products/io/ - cloud platform for building mobile web apps;
+http://www.sencha.com/products/io/ - cloud platform for building mobile web apps;
+
+https://addons.mozilla.org/en-US/firefox/addon/yslow/ - YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.
+
+http://www.blaze.io/mobile/ - mobile web performance tester;
+
+http://httparchive.org/ - about HAR files;
diff --git a/Notes b/Notes
@@ -1,3 +1,7 @@
 480 px - most popular value of mobile screen width while in landscape mode;
 
-<meta name="viewport" content="width=device-width, initial-scale=1" /> - tells the browser about screen scale value;
+<meta name="viewport" content="width=device-width, initial-scale=1" /> - tells the browser about screen scale value;
+
+1em = 100% ≈ 12pt ≈ 16px (but this is not always true);
+
+<iframe src="http://www.youtube.com/embed/O-jOEAufDQ4" style="max-width:100%"></iframe> - a better way for inserting flash into the page;
diff --git a/Links b/Links
@@ -0,0 +1 @@
+http://www.sencha.com/products/io/ - cloud platform for building mobile web apps;
diff --git a/Notes b/Notes
@@ -0,0 +1,3 @@
+480 px - most popular value of mobile screen width while in landscape mode;
+
+<meta name="viewport" content="width=device-width, initial-scale=1" /> - tells the browser about screen scale value;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		http://www.sencha.com/products/io/ - cloud platform for building mobile web apps;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		480 px - most popular value of mobile screen width while in landscape mode;

		<meta name="viewport" content="width=device-width, initial-scale=1" /> - tells the browser about screen scale value;