WEB屋のための技術ブログ

WEBの知識や勉強法、WEBアプリ、個人開発について

CLOSE

作成したアプリ

止息

息を止めて活力を上げるアプリ。

買ってよかったー

買ってよかった物をシェアするアプリ

WEB初心者掲示板

WEB初心者のための掲示板です。

みんなの宝箱

みんなの宝物を見るアプリ

初心者向け

便利だけど難しい…Flexbox

みなさん、Flexboxをどう思いますか?

便利?分かりやすい?横並びCSSの定番??

確かに、floatよりはシンプルかもしれません。しかし、コーディング初心者の私にはまだまだ複雑で難しい!!いろんな種類がありすぎて分からない!!

そんな私に会社の先輩がflexboxの学習ゲームを教えてくれました。その名も「Flexbox Froggy」。

その名の通り、カエルが出てくるゲームです。見た目がポップで可愛くて、「ちょっとやってみようかな?」と思えます。

このゲームはCSSコードを書いて、カエルをハスの葉の上に連れて行ってあげるという内容で、LV.1からLv.24まであります。コードの説明も書いてあり、初心者にはぴったりのゲームです!ゲームをしながら、自然にFlexboxについて学べたら、最高ですよね。

みなさんも、ゲームをしながら、楽しみながらコーディングについて一緒に学んでいきましょう!!

https://flexboxfroggy.com/#ja

首凝りがなくなる?デスクワークでも簡単にできる運動3選 30代でもWEBデザイナーになれる、接客業から転職したい人や、手に職つけたい人必見

関連記事

初心者向け

【爆速コーディング】爆速で作業するためのテクニック&ソフト20選【プログラミング】

2022年5月2日

現役時代に培った爆速コーディング、プログラミングのためのテクニックやおすすめソフトをご紹介します。 特にWEB初心者はブックマーク推奨です。 html、cssの作業が知っているのと知らないのでスピードに違いが出ます。 こ…

個人開発 初心者向け

CM中のちょっとした時間の暇つぶし「high&low」

2021年9月5日

こんにちは!最近冷えますね。夏なのに。 またまたjavascriptを使って、アプリを作ってみました。high&lowです。 1-100の中で数字を当てる単純なゲームです。チャンスは5回、入力した数字より、高いか…

初心者向け

首凝りがなくなる?デスクワークでも簡単にできる運動3選

2022年2月9日

こんにちは!!最近は運動にはまっています。デスクワークの人はなかなか体を動かさないと思うけど運動しようね。運動不足による気になるワードを集めたから、参考にしてね!! この記事の目的 ・デスクワークで運動がなかなかしない人…

初心者向け 勉強法

最強の勉強法は結局アウトプット

2022年4月26日

まず宣伝させてください。。 今回もDjangoでアプリを作成しました。みんなの宝箱というアプリで、宝物を入れて、それをガチャの要領で開けることができるアプリです。 ログインなしで遊べますが、ログインするとお宝コレクション…