CSS Diner

CSS Diner

flukeout.github.io · Feb 21, 2026 に認証済み · オンライン· 1d ago
ツールを開く

説明

ディナーをテーマにしたゲームでCSSセレクターを学ぶ。基本セレクターから高度な疑似クラスまで32のレベルを完了しましょう。

ログイン不要タスク

"ゲームを通じてCSSセレクターを学ぶ"

タグ

稼働履歴

14 日前 → 今日 · 稼働率:100%

リポジトリ

flukeout/css-diner

★ 2.9k ·Ⓟ 362 · CSS · MPL-2.0 · 18d ago に更新済み

関連ツール

WolframAlpha
WolframAlpha wolframalpha.com

構造化データから回答を計算することで、事実に関する質問に答える計算知識エンジンです。数学、科学、地理、歴史など、幅広い分野に対応しています。

GeoGebra
GeoGebra geogebra.org

あらゆる教育レベルに対応した無料の動的数学ソフトウェアです。幾何、代数、表計算、グラフ、統計、微積分を一つのインタラクティブなツールに統合しています。

Flexbox Froggy
Flexbox Froggy flexboxfroggy.com

カエルをテーマにした楽しいゲームでCSS Flexboxを学ぶ。24のレベルをクリアしてjustify-contentとalign-itemsなどのflexboxプロパティをマスターしましょう。

CSS Grid Garden
CSS Grid Garden cssgridgarden.com

バーチャルガーデンの世話をしながらCSS Gridレイアウトを学ぶ。28の徐々に難しくなるレベルでにんじんに水をあげましょう。

VisuAlgo
VisuAlgo visualgo.net

データ構造とアルゴリズムのアニメーション可視化。ソート、グラフ探索、ツリー操作などを自分のペースで追えます。

SQL Murder Mystery
SQL Murder Mystery mystery.knightlab.com

殺人ミステリーを解きながらSQLを学ぶ。SELECT、JOIN、WHEREなどを使ってデータベースを照会し、犯人を捕まえましょう。