こんにちは。 今回はソースコードからどのプログラミング言語か当てるクイズ「Language Identification Quiz」です。 サンプルのソースコードを見て、どのプログラミング言語か当てるゲームを紹介します。 […]

こんにちは。 今回はFlexboxを使う際に役立つ便利なサイト4選です。 Flexboxを使うと複雑なレイアウトもシンプルなコードで実装できるようになりましたよね。 そこで、今回はFlexboxを使う際に役立つ便利なサイ […]

こんにちは。 今回はCSS Grid Layoutをゲーム感覚で学べるサイト「Grid Garden」です。 ゲームをしながらCSS Grid Layoutを身につけられるWebサービスを紹介します。 CSS Grid […]

こんにちは。 今回はデザイナーやコーダーにおすすめな色当てゲーム10選！です。 16進数のカラーコード、RGBコードやロゴから当てるものからシンプルなものまで様々な色当てゲームをまとめたので紹介します。 デザイナーやコー […]

こんにちは。 今回は絶対フォント感が身につくフォント当てゲーム4選！です。 デザイナーなら書体が何かを言い当てられる能力「絶対フォント感」を身につけたいですよね。 そこで、今回は絶対フォント感が身につくフォント当てゲーム […]

こんにちは。 今回はこのフォントがどれか当てるゲーム「Know Your Font」！です。 指定されたフォントがどれか3択の中から当てるゲームを紹介します。 このフォントがどれか当てるゲーム「Know Your Fon […]

こんにちは。 今回は表示されたカラーコードのインベーダーを攻撃するゲーム「Hex Invaders」！です。 表示された16進数のカラーコードのインベーダーを攻撃するゲームサイトを紹介します。 表示されたカラーコードのイ […]

こんにちは。 今回はポケモンGOのポケモンを地図上から効率的に探せるサイト「PokéVision」！です。 ポケモンGOすごい人気ですね。 という事で、そんなポケモンGOのポケモンを地図上から簡単に探せるサイトを紹介しま […]

こんにちは。 今回は指定されたサイズの四角を描くゲーム「Draw a Square」！です。 指定されたサイズのボックスをドラッグして描くゲームを紹介します。 指定されたサイズの四角を描くゲーム「Draw a Squar […]

こんにちは。 今回は黒い部分の幅が何ピクセルか当てるゲーム「Whatpx」！です。 表示された黒いバーの横幅を当てるゲームを紹介します。 黒い部分の幅が何ピクセルか当てるゲーム「Whatpx」！ Whatpx http: […]

こんにちは。 今回はFlexboxで塔を移動させるタワーディフェンスゲーム「Flexbox Defense」！です。 Flexboxのプロパティを使って、塔を配置して進路を防ぐゲームを紹介します。 Flexboxで塔を移 […]

こんにちは。 今回は日本語フォントを当てるゲーム「フォント検定」！です。 表示されたテキストからどの日本語のフォントかを当てるゲームサイトを紹介します。 日本語フォントを当てるゲーム「フォント検定」！ フォント検定 ht […]

こんにちは。 今回はカラーコードを覚えているかチェックできるゲーム「What the Hex?」！です。 カラーコードを覚えているかテストできるゲームを紹介します。 カラーコードを覚えているかチェックできるゲーム「Wha […]

こんにちは。 今回はワイヤーフレームからサイトを当てるゲーム「Dedesign the Web 2」！です。 表示されたワイヤーフレームを見て、どのWebサイトか当てるゲームを紹介します。 ワイヤーフレームからサイトを当 […]

こんにちは。 今回はグラデーションに並び替えて色彩感覚をチェックできるサイト「Online Color Challenge」！です。 ブロックをうまく並び替えて、きれいなグラデーションにするゲームを紹介します。 グラデー […]

こんにちは。 今回はどっちがHelveticaか当てるゲーム「So you think you can tell Arial from Helvetica? Quiz」！です。 元々Helveticaで作られたロゴをAr […]

こんにちは。 今回はカラーコードがどちらの色か当てるゲーム「Hex Color Game」！です。 真ん中に表示されたカラーコードが左右のどちらの色かを選択するゲームを紹介します。 カラーコードがどちらの色か当てるゲーム […]

こんにちは。 今回はペジェ曲線の感覚を学べるゲーム「Shape Type, the letter shaping game」！です。 IllustratorやPhotoshopやFireworksでお馴染みのペジェ曲線。 […]

こんにちは。 今回はロゴの一部からロゴ当てゲーム「Logo Quiz Game!」！です。 デザイナーなら人一倍いろんなロゴを見たり、チェックしたりしますよね。 そこで、今回は世界のさまざまなロゴを当てるゲームサイトを紹 […]

こんにちは。 今回は文字詰めの感覚を学べるゲーム「Kern Type, the kerning game」！です。 デザイナーはバランスよく文字間隔を調整しなくてはなりません。 そこで、今回はカーニングを勉強する事ができ […]