ブックマーク / www.codegrid.net (1)

  • ここまでできる!HTML+CSS | 第1回 タイピングゲームを作る

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

    ここまでできる!HTML+CSS | 第1回 タイピングゲームを作る
  • 1