kokusyo

hoverクラスのスタイルはスマホに反映されない スマホなどのタッチデバイスでhoverスタイルがうまく反映されない主な理由は、タッチデバイスには「マウスオーバー」の概念がないためです。chromeな ...

サンプルとソース See the Pen Untitled by kokusyo (@kokusyo) on CodePen. ポイントはただ２つです。 aタグのhref属性にページ先頭のidを指定す ...

「Tech Sapuri（テックサプリ）」は、オンラインプログラミング学習サービスで、ブラウザ上で実践的な学習ができる特徴を持っています。煩雑な環境構築は不要で、初心者でも手軽にアクセスできるため、学 ...

カード型レイアウトのテキスト位置が揃わない 今回テキスト位置を揃えたいのは以下のような、よくあるカード型レイアウトです。赤線で分かりやすく示しましたが、タイトルの文字数が異なるため、その下のテキストの ...

Vue.jsをCDNで読み込む Vue.jsを使用する時は、プロジェクトを作成～と思ったかもしれませんが、Vu.jsはCDNで読み込むことができます。CDNは以下の通りです。 <script s ...

静的なHTMLにページネーションを実装 ページネーションは、項目の数が多い時などに便利です。下記のように、ただズラズラと並んでいても、ページネーションを実装すればすっきりするし、視認性も良いです。しか ...

WordPressのバックアップの重要性 WordPressのバックアップが重要な理由は以下の通りです。定期的にバックアップを取ることで、あらゆるトラブルからウェブサイトを守ることができます。 データ ...

「height:0」→ 「hgiht:auto」はアニメーションが効かない 先述したように「hegiht:0」→「hegiht:auto」はアニメーションが効きません。実際に開閉するボタンとボックスを ...

30代からのプログラミングは遅くない！ まず初めにこれを言いたいです。30代からプログラミングを始めるのは遅い？ いやいや、30代からプログラミングを始めるのは遅くありません。 なぜ、そう言い切れるの ...

https://web-create-kokusyo.com/vue/vue3_ourse1/ 前回はこちら！ Vue３起動の仕組み コンポーネント編集に入る前に、Vue3の起動の仕組みについて確認し ...