DIR : /home/kozerus/public_html/jkwii/js/jsdoit/forked_f/index.html

/home/kozerus/public_html/jkwii/js/jsdoit/forked_f

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>forked: Web Creator's Contest Q the 2nd【vol.2】エントリー用コード - js do it</title>
<meta name="Description" content="" />
<meta name="Keywords"  content="" />

<link rel="stylesheet" type="text/css" media="screen,print" href="style.css" />
</head>
<body>
<!-- generated by: jsdo.it - http://jsdo.it/_konitter/con-q2 -->
<!-- Copyright _konitter - http://jsdo.it/_konitter -->
<!-- Licensed under MIT License - http://www.opensource.org/licenses/mit-license.php -->
<nav>
	<ul>
		<li><a href="#p1">Vol.1</a></li>
		<li><a href="#p2">Vol.2</a></li>
		<li><a href="#p3">Vol.3</a></li>
	</ul>
</nav>

<div id="p1">
<div id="p2">
<div id="p3">

<section id="vol1">
	<header>
		<h1>Vol. 1</h1>
	</header>
	<div>
		<p>
			気づけば今年も暑い夏の季節がやってきました。<br>
			HTML5、JavaScript、CSSを駆使して、暑い夏をひんやり涼しくするような作品をつくってください。<br>
			お手本コードのような水が流れる作品や、風を感じる作品、花火などなど、どんな表現でも構いません。<br>
			あなたの得意分野でチャレンジしてみてください！下記のお手本コードをFork（＝あなたなりのアレンジ）すると自動的にエントリーとなります。自由な発想をお待ちしています！
		</p>
	</div>
</section>

<section id="vol2">
	<header>
		<h1>Vol. 2</h1>
	</header>
	<div>
		<p>
			画面が切り替わる際の演出を魅力的につくってください。<br>
			サンプルコードでは3つの画面をフェードイン・フェードアウトで切り替えています。<br>
			こちらを元にして演出を加えても良いですし、もちろんJavaScript, HTML, CSSをゼロからコードを書き直してもOKです。<br>
			複数の画面をクリックなどで切り替えるものであれば、自由に作成していただいて構いません。<br>
			画面遷移であればスライドを切り替えるような演出であったり、スマートフォンのトランジションでも良いので、あなたの得意分野でチャレンジしてください。<br>
			下記のお手本コードをFork（＝あなたなりのアレンジ）すると自動的にエントリーとなります。自由な発想をお待ちしています！
		</p>
	</div>
</section>

<section id="vol3">
	<header>
		<h1>Vol. 3</h1>
	</header>
	<div>
		<p>
			coming soon.<br>
			9/20 公開予定
		</p>
	</div>
</section>

</div>
</div>
</div>

<script type="text/javascript" src="index.js"></script>
</body>
</html>
//


koh5_pano



Your browser does not support the HTML5 canvas element.
Drag mouse to navigate.

Navigation





17.Aug.2010, Martin Wengenmayer