|
| 1 | +<!Doctype html> |
| 2 | +<html lang="ja"> |
| 3 | +<head> |
| 4 | + |
| 5 | +<meta charset="utf-8"> |
| 6 | +<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| 7 | + |
| 8 | +<title>About | funnythingz HTML5 MediaQueries Multi-Device Template.</title> |
| 9 | + |
| 10 | +<meta name="description" content="メディアクエリー(MediaQueries)で実装した、スマフォ対応、HTML5ワンソースマルチデバイステンプレートを公開しています。iPhone、Androidにも対応したフリックJS(jcflick)も公開しています。"> |
| 11 | +<meta name="keywords" content="ワンソースマルチデバイス,メディアクエリ,メディアクエリー,mediaquery,MediaQueries,MediaQuery,jcflick,スマフォサイト,フリック,flick,iPhone,Android,HTML5,CSS3"> |
| 12 | + |
| 13 | +<link rel="shortcut icon" href="/responsive/resources/images/favicon.ico"> |
| 14 | + |
| 15 | +<script type="text/javascript" src="/responsive/resources/js/jquery-1.6.4.min.js"></script> |
| 16 | +<script type="text/javascript" src="/responsive/resources/js/global.js"></script> |
| 17 | +<script type="text/javascript" src="/responsive/resources/js/jquery-megaDropdown.js"></script> |
| 18 | +<script type="text/javascript"> |
| 19 | +(function(){ |
| 20 | + //Viewportの指定 |
| 21 | + if( ProjectName.ua.iPhone || ProjectName.ua.Android || ProjectName.ua.WP7 ){ |
| 22 | + ProjectName.MOD.print_r( ProjectName.META.iOS() ); |
| 23 | + |
| 24 | + } |
| 25 | +})(); |
| 26 | +$(function(){ |
| 27 | + if( !ProjectName.ua.iPhone ){ |
| 28 | + if( !ProjectName.ua.iPad ){ |
| 29 | + if( !ProjectName.ua.Android ){ |
| 30 | + $('#globalNavi').megaDropdown(); |
| 31 | + }}} |
| 32 | + ProjectName.PARTS.scrollAnchor(); |
| 33 | +}); |
| 34 | +</script> |
| 35 | +<!--[if IE 6]> |
| 36 | +<script type="text/javascript" src="/responsive/resources/js/DD_belatedPNG_0.0.8a-min.js"></script> |
| 37 | +<script type="text/javascript"> |
| 38 | + DD_belatedPNG.fix('img'); |
| 39 | +</script> |
| 40 | +<![endif]--> |
| 41 | + |
| 42 | +<link rel="stylesheet" href="/responsive/resources/css/import_basic.css" media="all" type="text/css"> |
| 43 | +<link rel="stylesheet" href="/responsive/resources/css/import_print.css" media="print" type="text/css"> |
| 44 | +<link rel="stylesheet" href="/responsive/resources/css/jquery-megaDropdown.css" media="all" type="text/css"> |
| 45 | + |
| 46 | +<script type="text/javascript"> |
| 47 | + |
| 48 | + var _gaq = _gaq || []; |
| 49 | + _gaq.push(['_setAccount', 'UA-1882060-11']); |
| 50 | + _gaq.push(['_trackPageview']); |
| 51 | + |
| 52 | + (function() { |
| 53 | + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
| 54 | + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
| 55 | + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
| 56 | + })(); |
| 57 | + |
| 58 | +</script> |
| 59 | +</head> |
| 60 | +<body onLoad="ProjectName.PARTS.hideAdBar()" onOrientationChange="ProjectName.PARTS.hideAdBar()"> |
| 61 | + |
| 62 | +<div id="globalContainer"><div id="globalContentsWrapper"> |
| 63 | + <h1 class="level1">About | MediaQueries Multi-Device Template.</h1> |
| 64 | + <div id="globalHeader" class="group"> |
| 65 | + <div class="browser fFloL"><img src="/responsive/resources/images/browser.png" alt=""></div> |
| 66 | + <p class="fFloR sTaC">ver 0.1β<br>2011/10/29</p> |
| 67 | +</div> |
| 68 | +<div id="socialButtons" class="group"> |
| 69 | + <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> |
| 70 | + <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> |
| 71 | + <!-- はてブ --> |
| 72 | + <div class="socialbutton"> |
| 73 | + <a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> |
| 74 | + </div> |
| 75 | + |
| 76 | + <!-- twitter --> |
| 77 | + <div class="socialbutton"> |
| 78 | + <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="funnythingz">Tweet</a> |
| 79 | + </div> |
| 80 | + |
| 81 | + <!-- G+ --> |
| 82 | + <div class="socialbutton sNone"> |
| 83 | + <div id="googleplus"> |
| 84 | + <div class="g-plusone" data-size="medium" data-count="true"></div> |
| 85 | + </div> |
| 86 | + </div> |
| 87 | + |
| 88 | + <!-- FB --> |
| 89 | + <div class="socialbutton sNone"> |
| 90 | + <div id="facebook_icon"> |
| 91 | + <div id="fb-root"></div> |
| 92 | + <script src="http://connect.facebook.net/ja_JP/all.js#appId=210538342342854&xfbml=1"></script> |
| 93 | + <script type="text/javascript"> |
| 94 | + (function(){ |
| 95 | + ProjectName.MOD.print_r('<fb:like href="'+ location.href +'" send="false" layout="button_count" width="110" show_faces="false" action="like" font=""></fb:like>'); |
| 96 | + })(); |
| 97 | + </script> |
| 98 | + </div> |
| 99 | + </div> |
| 100 | + |
| 101 | +</div> |
| 102 | +<div id="globalNavi" class="megaDropdown group"> |
| 103 | + <ul class="navigation group gnaviParentCol"> |
| 104 | + <li> |
| 105 | + <span class="title"><a href="/responsive/"><span class="inner">MediaQueries Home</span></a></span> |
| 106 | + </li> |
| 107 | + <li> |
| 108 | + <span class="title"><a href="/responsive/demo/"><span class="inner">MediaQueries Demo</span></a></span> |
| 109 | + <ul class="gnaviChildCol"> |
| 110 | + <li><a href="/responsive/demo/demo.html">Demo Page</a></li> |
| 111 | + <li><a href="https://github.com/funnythingz/mediaQueries/archive/v0.1.zip" target="_blank">Download</a></li> |
| 112 | + </ul> |
| 113 | + </li> |
| 114 | + <li> |
| 115 | + <span class="title"><a href="/responsive/doc/"><span class="inner">MediaQueries Doc</span></a></span> |
| 116 | + <ul class="gnaviChildCol"> |
| 117 | + <li><a href="/responsive/doc/module.html">Basic Module</a></li> |
| 118 | + <li><a href="/responsive/doc/parts.html">Basic Parts</a></li> |
| 119 | + <li><a href="/responsive/doc/class.html">Class Reference</a></li> |
| 120 | + </ul> |
| 121 | + </li> |
| 122 | + <li> |
| 123 | + <span class="title"><a href="/responsive/jcflick/"><span class="inner">jQuery.jcflick</span></a></span> |
| 124 | + <ul class="gnaviChildCol"> |
| 125 | + <li><a href="/responsive/jcflick/reference.html">Reference</a></li> |
| 126 | + <li><a href="/responsive/jcflick/demo.html">Demo Page</a></li> |
| 127 | + <li><a href="https://github.com/funnythingz/jcflick/archive/master.zip">Download</a></li> |
| 128 | + </ul> |
| 129 | + </li> |
| 130 | + <li> |
| 131 | + <span class="title"><a href="/responsive/slideEffect/"><span class="inner">jQuery.slideEffect</span></a></span> |
| 132 | + <ul class="gnaviChildCol"> |
| 133 | + <li><a href="/responsive/slideEffect/reference.html">Reference</a></li> |
| 134 | + <li><a href="/responsive/slideEffect/demo.html">Demo Page</a></li> |
| 135 | + <li><a href="https://github.com/funnythingz/slideEffect/archive/master.zip" target="_blank">Download</a></li> |
| 136 | + </ul> |
| 137 | + </li> |
| 138 | + <li> |
| 139 | + <span class="title"><a href="/responsive/about.html"><span class="inner">About</span></a></span> |
| 140 | + </li> |
| 141 | + </ul> |
| 142 | +</div><!-- /#globalHeader --> |
| 143 | + |
| 144 | + |
| 145 | + <div class="section"> |
| 146 | + <h2 class="level2">Profile</h2> |
| 147 | + <p><strong class="fb">funnythingz</strong><br>Web Developer です。マークアップしたりジャバスしたりしています。</p> |
| 148 | + <dl class="defDlList"> |
| 149 | + <dt>GitHub</dt> |
| 150 | + <dd><a href="https://github.com/funnythingz" target="_blank">GitHub/funnythingz</a></dd> |
| 151 | + <dt>www</dt> |
| 152 | + <dd><a href="http://www.funnythingz.com" target="_blank">funnythingz.com</a></dd> |
| 153 | + <dt>Twitter</dt> |
| 154 | + <dd><a href="http://twitter.com/funnythingz" target="_blank">@funnythingz</a></dd> |
| 155 | + <dt>Blog</dt> |
| 156 | + <dd><a href="http://hiropo.co.uk/" target="_blank">ひろぽっぽれす</a></dd> |
| 157 | + </dl> |
| 158 | + </div><!-- /.section --> |
| 159 | + |
| 160 | +</div><!-- /#globalContentsWrapper --></div><!-- /#globalContainer --> |
| 161 | + |
| 162 | + |
| 163 | +<div id="globalFooterContainer"><div id="footerInner"> |
| 164 | + <div class="section group"> |
| 165 | + <ul class="footerLink fFloL"><!-- |
| 166 | + --><li class="first-child"><a href="/responsive/">Home</a></li><!-- |
| 167 | + --><li><a href="http://twitter.com/funnythingz">twitter</a></li><!-- |
| 168 | + --><li><a href="http://hiropo.co.uk">wordpress</a></li><!-- |
| 169 | + --></ul> |
| 170 | + <p class="copyright">Copyright © <a href="http://www.funnythingz.com" target="_blank">funnythingz</a></p> |
| 171 | + </div> |
| 172 | +</div><!-- /#footerInner --></div><!-- /#globalFooterContainer --> |
| 173 | + |
| 174 | + |
| 175 | +</body> |
| 176 | +</html> |
0 commit comments