kokusyo

gridレイアウトでカードを並べよう！ 現在のhtmlでカードなどのレイアウトを横並びにする場合「display：flex」を使用する場合が多いと思います。たしかに、ただ要素を横並びにするならflex ...

背景固定のサンプル まずは、背景を固定するという意味ですが、これは言葉では説明しづらいですね。サンプルページを用意しましたのでまずはこちらをご覧ください。 https://sample.web-cre ...

ｃｓｓアニメーションについて cssアニメーションは、animationプロパティと@keyframesの二つからなります。どちらか一方だけではアニメーションは作成できないので必ずセットで指定しましょ ...

pointer-eventsプロパティについて 「pointer-events」プロパティは、要素をポインターイベントの対象にするかどうかを指定します。 ポインターイベントとは、「:hover」クラス ...

WordPressでjQueryが動かなくなる原因 WordPressでｊQueryが動かなくなる原因は、WordPressではｊQueryが「noConflict(コンフリクト)」モードで読み込まれ ...

「width」プロパティを使用して、横幅を設定しているのに文章がはみ出す事ってありませんか？その原因は、文章の中に英単語が入っているからでしょう。 基本的には英語圏では、英単語を折り返すことはないよう ...

HTMLエラーチェッカーのインストール方法 HTMLエラーチェッカーは、タグの閉じ忘れや、タグの間違いなどを検出してくれるChromeの拡張機能です。コーディング中のChromeでの表示確認は必須なの ...

videoタグを使用して埋め込む サイトに動画を埋め込むには「video」タグを使用します。「video」タグだけでも、動画を埋め込むことができますが、「p」タグや「figure」タグを親要素にするこ ...

電話番号を設定 電話番号を設定するには、aタグの「href」属性に「tel:電話番号」を指定します。 <!-- tel:の後に続いて電話番号を設定 --> <a href=&quot ...

CSSのcounterを利用して連番を振ろう たとえば、先頭に番号が振っているリストをCSSカウンターで表示してみましょう。 タグ構成とCSSは下記の通りです。 <ul> <li&g ...