会員登録(無料)
ログイン
スキルアップは今すぐこちら!▶

【CSS Battle】画像通りにCSSを作る疑似ゲームに挑戦できるブラウザサービス

CSS(シー・エス・エス)
この記事は約2分で読めます。

CSSのスキルアップを目指す時の便利なサービスのひとつが「CSS Battle」です。

CSS Battle

こちらのページから開けます。

CSSBattle
CSS Code Golfing Game is here!

まずは、Sign Upで新規登録します。

TwitterやGithubのアカウントでログインできます。

ログインできました!

CSSBattle開始

サイト上のイラストをクリックすると、Battleが開始されます。

左側のCSSを操作すると、右側のOUTPUTの画面デザインが変わっていきます。

SUBMIT

下の方にある「Submit」ボタンを押すと、結果を送信できます。

紙吹雪が舞い降りてきました…!

しかし、この状態にどうやってすればいいのか、現時点では謎のままです…汗

今回のページはこちら

CSSBattle
CSS Code Golfing game is here!

まとめ

このような感じで、「CSS Battle」を使うとブラウザ上でCSSで図形やデザインを作るスキルアップを図ることができます。

「CSSをスキルアップしたい」と思ったときには、ぜひ挑戦ください。

https://cssbattle.dev/

0 件のコメント

コメント
タイトルとURLをコピーしました