Develop structure and add order and several features

Demo.html

@@ -0,0 +1,34 @@
+<script type="text/javascript" src="TinyFeature.js"></script>
+<script type="text/javascript">
+window.onload=function()
+{
+	//browser.function_generator
+	document.write("<b>" + "FunctionGenerator" + "</b> : " + browser.function_generator + "<br>");
+	//browser.function_async
+	document.write("<b>" + "FunctionAsync" + "</b> : " + browser.function_async + "<br>");
+	//browser.function_generator_async
+	document.write("<b>" + "FunctionGeneratorAsync" + "</b> : " + browser.function_generator_async + "<br>");
+	//browser.event_target
+	document.write("<b>" + "EventTarget" + "</b> : " + browser.event_target + "<br>");
+	//browser.data_transfer_item
+	document.write("<b>" + "DataTransferItem" + "</b> : " + browser.data_transfer_item + "<br>");
+	//browser.data_transfer_item_list
+	document.write("<b>" + "DataTransferItemList" + "</b> : " + browser.data_transfer_item_list + "<br>");
+	//browser.broad_cast_channel
+	document.write("<b>" + "BroadCastChannel" + "</b> : " + browser.broad_cast_channel + "<br>");
+	//browser.viewport
+	document.write("<b>" + "ViewPort" + "</b> : " + browser.viewport + "<br>");
+	//browser.font
+	document.write("<b>" + "Font" + "</b> : " + browser.font + "<br>");
+	//browser.custom_element
+	document.write("<b>" + "CustomElement" + "</b> : " + browser.custom_element + "<br>");
+	//browser.animate
+	document.write("<b>" + "Animate" + "</b> : " + browser.animate + "<br>");
+	//browser.svg
+	document.write("<b>" + "SVG" + "</b> : " + browser.svg + "<br>");
+	//browser.touch
+	document.write("<b>" + "Touch" + "</b> : " + browser.touch + "<br>");
+	//browser.webgl
+	document.write("<b>" + "WebGL" + "</b> : " + browser.webgl + "<br>");
+}
+</script>

README.md

@@ -1 +1,76 @@
-# runtime
+# Tiny Browser Feature
+a fast, tiny, simple browser feature detection.
+
+# How Works?
+open `Demo.html` file on a browser.
+it's a demo file.
+
+# How to Use?
+you can access to result of detect and check from variable.
+
+type of all variable is `bool`.
+
+list of variables : 
+
+- browser.function_generator
+- browser.function_async
+- browser.function_generator_async
+- browser.event_target
+- browser.data_transfer_item 
+- browser.data_transfer_item_list
+- browser.broad_cast_channel
+- browser.viewport
+- browser.font
+- browser.custom_element
+- browser.animate
+- browser.svg
+- browser.touch
+- browser.webgl
+
+
+# Future capabilities :
+- placeholder
+- canvas
+- querySelectorAll
+- More...
+
+
+# Demo :
+    <script type="text/javascript" src="TinyFeature.js"></script>
+    <script type="text/javascript">
+    window.onload=function()
+    {
+        document.write("<b>" + "FunctionGenerator" + "</b> : " + browser.function_generator + "<br>");
+        document.write("<b>" + "FunctionAsync" + "</b> : " + browser.function_async + "<br>");
+        document.write("<b>" + "FunctionGeneratorAsync" + "</b> : " + browser.function_generator_async + "<br>");
+        document.write("<b>" + "EventTarget" + "</b> : " + browser.event_target + "<br>");
+        document.write("<b>" + "DataTransferItem" + "</b> : " + browser.data_transfer_item + "<br>");
+        document.write("<b>" + "DataTransferItemList" + "</b> : " + browser.data_transfer_item_list + "<br>");
+        document.write("<b>" + "BroadCastChannel" + "</b> : " + browser.broad_cast_channel + "<br>");
+        document.write("<b>" + "ViewPort" + "</b> : " + browser.viewport + "<br>");
+        document.write("<b>" + "Font" + "</b> : " + browser.font + "<br>");
+        document.write("<b>" + "CustomElement" + "</b> : " + browser.custom_element + "<br>");
+        document.write("<b>" + "Animate" + "</b> : " + browser.animate + "<br>");
+        document.write("<b>" + "SVG" + "</b> : " + browser.svg + "<br>");
+        document.write("<b>" + "Touch" + "</b> : " + browser.touch + "<br>");
+        document.write("<b>" + "WebGL" + "</b> : " + browser.webgl + "<br>");
+    }
+    </script>
+
+# Output of Demo :
+
+    FunctionGenerator : true
+    FunctionAsync : true
+    FunctionGeneratorAsync : false
+    EventTarget : true
+    DataTransferItem : true
+    DataTransferItemList : true
+    BroadCastChannel : true
+    ViewPort : false
+    Font : true
+    CustomElement : true
+    Animate : false
+    SVG : true
+    Touch : false
+    WebGL : true
+

TinyFeature.js

@@ -0,0 +1,63 @@
+/*
+ * TinyFeature
+ * a fast, tiny, simple browser feature detection.
+*/
+;(function(window,document)
+{
+	"use strict";
+	var utilities = 
+	{
+		create : function(value)
+		{
+			return document.createElement(value);
+		},
+		function : function(value)
+		{
+			try
+			{
+				Function(value);
+				return true;
+			}
+			catch(why)
+			{
+				return false;
+			}
+		},
+		reference : function(value)
+		{
+			if(window[value])
+			{
+				return true;
+			}
+			return false;
+		},
+	};
+	var browser=
+	{
+		function_generator : utilities.function('function* g(){}'),
+		function_async : utilities.function('async function f(){}'),
+		function_generator_async : utilities.function('async function* fg(){}'),
+		event_target : utilities.function('new EventTarget'),
+		data_transfer_item : utilities.reference('DataTransferItem'),
+		data_transfer_item_list : utilities.reference('DataTransferItemList'),
+		broad_cast_channel : utilities.reference('BroadcastChannel'),
+		viewport : utilities.reference('VisualViewport'),
+		font : utilities.reference('FontFace'),
+		custom_element : utilities.reference('customElements'),
+		animate : utilities.reference('Element.prototype.animate'),
+		svg : !!document.createElementNS && !!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,
+		touch : !!(("ontouchstart" in window) || window.navigator && window.navigator.msPointerEnabled && window.MSGesture || window.DocumentTouch && document instanceof DocumentTouch),
+		webgl : (function(element)
+						{
+							try
+							{
+								return !!(window.WebGLRenderingContext && (element.getContext("webgl") || element.getContext("experimental-webgl")));
+							}
+							catch(error)
+							{
+								return false;
+							}
+						})(utilities.create("canvas")),
+	};
+	window.browser = browser;
+}(window,document));