Webデザイン 【SCSS/CSS🔰】timeタグ右寄せできない！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。timeタグはインライン要素<time datetime="2026-08-11" class="top-blog-date">2026/08/11</time>こ...
Webデザイン Webデザイン 【HTML🔰】ブログ記事でaタグはarticleタグの外？中？どっちに書くの？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。結論：articleタグの中にaタグ<article> <img src="..." alt="..."> <h2>記事タイトル</h2></article>このよ...
未分類 川崎プレミアムデジタル商品券の専用券が使える穴場スポット！クスリのナカヤマ!
川崎市プレミアムデジタル商品券の二次公募がもうそろそろ始まりますが、あんまり増えないんじゃないかなって思っています。が、ここオススメですよ！というところを教えていただいた方がおり、実際に行ってみて良かったと思ったので記事にしました。その場所...
未分類 川崎市プレミアム商品券 多摩区在住の方必見！100円ショップなのに専用券使える！
今回タレコミがありまして、100円ショップだけど専用券が使える場所があるということで、行ってきました。ダイソー・セリアなどの100円ショップって、専用券が使えないのですが、キャン★ドゥ―で使えるところがあります。使えるお店それが、クスリのナ...
Webデザイン 【SCSS/CSS🔰】paddingでボタンを作る時の注意
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。paddingでボタン作る時のメリット 文字の数が違うものでも、自動的に幅が調整される。display:flex;で作らず、display: inline-flex...
Webデザイン 【SCSS/CSS🔰】スマホとPC同じ画像を使ってKVづくり
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。スマホは縦長、PCは横長 PCは画像そのまま使うのはわかるけれど、じゃあスマホはどうするの？横向きの画像を縦向きのでデバイスでも使う方法。横幅100％を確保しつつ、...
Webデザイン 【SCSS/CSS🔰】ブロック要素だと全体が、インライン要素だと左に寄る…子要素だけで左右中央配置する方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。子要素だけで左右中央配置にするには width: fit-content; margin: 0 auto;を使う。ブロック要素だけど、インラインのような感じで使...
Webデザイン 【SCSS/CSS🔰】flexのjustify-content: space-between;と同じことをgridでやりたい！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。flexのjustify-content: space-between;とは左右端に要素を配置。あとは均等に要素を配置する。｜□ □｜こんな感じ。gridで...
Webデザイン 【SCSS/CSS🔰】画像に影を付けたい！box-shadowの付け方
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。box-shadowbox-shadowのパラメータは位置、ぼかし、色の3つあれば設定ができる。例：box-shadow: 0 7px 25px rgba(#000...
Webデザイン 【SCSS/CSS🔰】共通設定rootで色の設定をする際、透明度のrgbaは10進数の方で記載せよ！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。問題色が反映されない。root:｛--color-red:rgba(#ff0000,0.5)｝16進数ではなく、10進数の方で設定をする。root:｛--color...