記事中には先行実装の仕様を取り扱ったものがあります。仕様策定が続いていますので、最新仕様については、仕様書もご確認ください。(2017.07.14) はじめに このシリーズでは、HTML+CSSの技術を使った、さまざまな実装アイデアを解説します。JavaScriptを使わずとも、いろいろな表現が可能です。HTMLとCSSを力をどれだけ引き出せるかに重点をおきます。 第1回目はJavaScriptを使わずに、HTMLとCSSのみで実装したタイピングゲームの解説をします。 今回紹介するサンプルは以下のリポジトリからダウンロードまたはクローンできます。 サンプル codegrid / 2014-01-derive-html-css まずはサンプルを見てみましょう。NEW GAMEボタンをクリックすると、ゲームが始まります。画面上に表示されたワードを制限時間内にタイピングしていきます。問題をクリア