Webデザイン 【SCSS/CSS🔰】「アイコン＋タイトル」の高さを合わせるにはFlex＋Transform！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。アイコン＋タイトルで高さが合っていない場合アイコン＋タイトルっておしゃれなんだけれど、アイコンの高さと文字の高さが合っていない時がある。その場合の対処法。まずは、通...
Webデザイン 未分類 腰の救世主になるのか!?我が家にayur‐chair（アーユル・チェア）がやってきた！
独立をして１年半。元々デスクワークが多い方ではあったのですが、腰の痛みが出るようになったのか長く座れなくなってきました。そして最近増えてきたのが首肩の痛み。これまでこりとは無縁だった首と肩ですが、最近こっている感覚がわかるようになってきて、...
Webデザイン 【SCSS/CSS🔰】timeタグ右寄せできない！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。timeタグはインライン要素<time datetime="2026-08-11" class="top-blog-date">2026/08/11</time>こ...
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で...