Web技術 googleフォントでNoto Sans JPをwebサイトで使う方法
webサイトでgoogleフォントを使う方法は簡単以下2ステップステップ１htmlファイルのheadに以下のソースを追加する<link rel="preconnect" href="<link rel="preconnect" href="...
HTMl
Web技術 Web技術 【css】CSS変数で配列のように複数の値を扱えるようにする方法
See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.
便利ツール 【便利ツール】HTMLをコピペするだけで1発でCSSを生成してくれるサイト。
HTMLをコピペするだけで1発でCSSを生成してくれるサイト。 このサイトを使用するようになってからCSSで記述する時間が減り、コーディング速度が1.5倍位早くなったと思う。
Web技術 【HTML】pictureタグを使ってPCとSPで画像を切り替える方法
今回はpictureタグを使ってPCとSPで画像を切り替える方法を紹介する。今回はブレイクポイントをPCが768px以上、SPが767px以下とした場合としている。<picture> <source srcset="./img/img_pc...
Web技術 【HTML】HTMLのみでアコーディオンを実装する方法
今回はHTMLのみでアコーディオンを実装する方法を紹介する See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.上記のままだと三角のアイコンが邪魔なので以下以下のcssを当てることで三角のア...