↧
【コピペでOK】ポケモンZA公式サイトのオシャレフレーム
『Pokémon LEGENDS Z-A M次元ラッシュ』の公式サイトではメガシンカグラデーションのおしゃれなフレームが使われている 出典： 強力な「異次元レベル」のポ...
View ArticleCSSだけで作れる！ホバーエフェクト5選【初心者向けまとめ】
CSSだけで作れる！ホバーエフェクト5選【初心者向けまとめ】 CSSだけで「おっ」と思わせるホバーエフェクトを5つ紹介します。JavaScript不要なので、初心者でもコピペで即使えます！ 1. ボタンがふわっと浮く button { transition: tra...
View Article🎧 ブラウザで動く「英語ディクテーションゲーム」を作った話（HTML/CSS/JS + 音声処理）
英語学習でよくある悩みの一つに、 「知っている単語なのに、音がつながった瞬間に聞き取れない」 というものがあります。 そこで今回、音の変化（connected speech）に特化したディクテーションゲームを、 HTML/CSS/JavaScript だけを使って自作しまし...
View ArticleシンプルでレスポンシブCSS
レスポンシブ 短いレスポンシブの例 画面幅に合わせてカードの列数が変わります。 カード 1ここはサンプルテキストです。 カード 2簡潔で読みやすいレイアウト。 カード ...
View Article