Add potential illustrations for a potential future blog post about the viewport meta tag
authorbenjamin@webkit.org <benjamin@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 12 May 2014 07:23:17 +0000 (07:23 +0000)
committerbenjamin@webkit.org <benjamin@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 12 May 2014 07:23:17 +0000 (07:23 +0000)
* blog-files/simple-viewport-configuration: Added.
* blog-files/simple-viewport-configuration/860_viewport.html: Added.
* blog-files/simple-viewport-configuration/blog_with_viewport.png: Added.
* blog-files/simple-viewport-configuration/blog_without_viewport.png: Added.
* blog-files/simple-viewport-configuration/default_viewport.html: Added.
* blog-files/simple-viewport-configuration/horizontal_design.html: Added.
* blog-files/simple-viewport-configuration/inspector.png: Added.
* blog-files/simple-viewport-configuration/report_size.js: Added.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@168612 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/blog-files/simple-viewport-configuration/860_viewport.html [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/blog_with_viewport.png [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/blog_without_viewport.png [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/default_viewport.html [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/horizontal_design.html [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/inspector.png [new file with mode: 0644]
Websites/webkit.org/blog-files/simple-viewport-configuration/report_size.js [new file with mode: 0644]

index 1125d3f..6cc29e3 100644 (file)
@@ -1,3 +1,16 @@
+2014-05-12  Benjamin Poulain  <benjamin@webkit.org>
+
+        Add potential illustrations for a potential future blog post about the viewport meta tag
+
+        * blog-files/simple-viewport-configuration: Added.
+        * blog-files/simple-viewport-configuration/860_viewport.html: Added.
+        * blog-files/simple-viewport-configuration/blog_with_viewport.png: Added.
+        * blog-files/simple-viewport-configuration/blog_without_viewport.png: Added.
+        * blog-files/simple-viewport-configuration/default_viewport.html: Added.
+        * blog-files/simple-viewport-configuration/horizontal_design.html: Added.
+        * blog-files/simple-viewport-configuration/inspector.png: Added.
+        * blog-files/simple-viewport-configuration/report_size.js: Added.
+
 2014-04-29  Alex Christensen  <achristensen@webkit.org>
 
         [WinCairo] Switch video from GStreamer to Media Foundation.
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/860_viewport.html b/Websites/webkit.org/blog-files/simple-viewport-configuration/860_viewport.html
new file mode 100644 (file)
index 0000000..8420098
--- /dev/null
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Default Viewport</title>
+        <meta name="viewport" content="width=860">
+    </head>
+    <body>
+    <script src="report_size.js" defer async></script>
+    </body>
+</html>
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_with_viewport.png b/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_with_viewport.png
new file mode 100644 (file)
index 0000000..f7fc5bd
Binary files /dev/null and b/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_with_viewport.png differ
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_without_viewport.png b/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_without_viewport.png
new file mode 100644 (file)
index 0000000..0c65a29
Binary files /dev/null and b/Websites/webkit.org/blog-files/simple-viewport-configuration/blog_without_viewport.png differ
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/default_viewport.html b/Websites/webkit.org/blog-files/simple-viewport-configuration/default_viewport.html
new file mode 100644 (file)
index 0000000..4b730e0
--- /dev/null
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Default Viewport</title>
+    </head>
+    <body>
+    <script src="report_size.js" defer async></script>
+    </body>
+</html>
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/horizontal_design.html b/Websites/webkit.org/blog-files/simple-viewport-configuration/horizontal_design.html
new file mode 100644 (file)
index 0000000..07521ff
--- /dev/null
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Default Viewport</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width">
+        <style>
+            html {
+                height: 100%;
+            }
+            body {
+                margin: 0;
+                width: 500%;
+                display: -webkit-flex;
+                display: flex;
+                height: 100%;
+            }
+            div {
+                -webkit-flex-direction: column;
+                flex-direction: column;
+                width: 20%;
+                box-sizing:border-box;
+                padding: 20px;
+                text-align: center;
+                font-size: 35px;
+                -webkit-text-size-adjust:120%;
+            }
+            div:nth-child(even) { background-color:#281; color: white;}
+            div:nth-child(odd) { background-color:white; color:#281; }
+        </style>
+    </head>
+    <body>
+        <div>This →</div>
+        <div>is →</div>
+        <div>a →</div>
+        <div>horizontal →</div>
+        <div>design.</div>
+    </body>
+</html>
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/inspector.png b/Websites/webkit.org/blog-files/simple-viewport-configuration/inspector.png
new file mode 100644 (file)
index 0000000..8b7a70d
Binary files /dev/null and b/Websites/webkit.org/blog-files/simple-viewport-configuration/inspector.png differ
diff --git a/Websites/webkit.org/blog-files/simple-viewport-configuration/report_size.js b/Websites/webkit.org/blog-files/simple-viewport-configuration/report_size.js
new file mode 100644 (file)
index 0000000..4db968f
--- /dev/null
@@ -0,0 +1,3 @@
+var outputElement = document.createElement('p');
+outputElement.textContent = 'Minimum layout width = ' + document.width + ' - height = ' + document.height;
+document.body.appendChild(outputElement);