Webデザイン

【HTML🔰】sectionタグはどういう時に使う?

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。sectionタグを使うシチュエーションh2やh3のあるところ(テーマ・章のまとまり)参考例:<section class="service"> <h2>サービス紹...
Webデザイン

【HTML🔰】navタグはどういう時に使う?

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。navタグを使うシチュエーションTOPやフッターなどの各ページへのリンクパンクリストページネーション目次サイドバーのカテゴリー一覧nav = 「ユーザーをどこかへ案...
Webデザイン

【HTML🔰】smallタグはどういう時に使う?

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。smallタグを使うシチュエーションコピーライト補足情報(著作権表記、法的表記、免責事項、注釈など)
Webデザイン

【SCSS/CSS🔰】ボタンのサイズは固定=width。可変=paddind-inline

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。ボタンのサイズは固定【HTML】<div> <a>ボタン</a></div>【CSS】a{width: 260px;height: 55px;}widthとheig...
Webデザイン

【SCSS/CSS🔰】align-items:center;は「中央にする」ではなく「中央よせ」ボタン等の幅には注意

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。要素を縦並びにする際の注意【HTML】<div> <h2></h2> <p></p> <div> <a>ボタン</a> </div></div>縦並びで全ての要素を...
生活

令和8年度川崎市プレミアムデジタル商品券!共通券すら使えない意外なお店

調べてわかった「えっ!?このお店共通券すら使えないの!」っていうお店がありました。とても残念です。今回はそれのご紹介です。根本的に、現金しか取り扱いのないお店は全て対象外です。なんせPayPayでの支払いになりますから。※今回の記事は202...
未分類

川崎市プレミアムデジタル商品券!専用券使える意外なお店5選!Part2

令和8年度川崎市プレミアムデジタル商品券だけど、12月25日まで使用できるとはいえ使い道に悩むのは専用券。でもクリスマスと言えばあの場所!で専用券が使えます。他にも、「えっ…ここ専用券使えるお店なの!?」というところをピックアップしています...
生活

川崎市プレミアムデジタル商品券!専用券が使える意外なお店5選

令和8年度川崎市プレミアムデジタル商品券だけど、12月25日まで使用できるとはいえ使い道に悩むのは専用券。でもクリスマスと言えばあの場所!で専用券が使えます。他にも、「えっ…ここ専用券使えるお店なの!?」というところをピックアップしています...
Webデザイン

【SCSS/CSS🔰】paddingとmarginどっちで空間を空けるのか?

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。箱はpadding、個別の要素はmargin【HTML】<div><h2></h2><p></p></div>divでpaddingを使って空け、h2やpなどの個別...
Webデザイン

【SCSS/CSS🔰】スマホでは複数行、PCでは1行にしたときに半角スペースが入ってしまうのを直す方法2選

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。端末によって1行/複数行を切り替える方法spanとdisplay:block;を活用する。【HTML】<p><span>文章1</span><span>文章2</s...