Webデザイン 【SCSS/CSS🔰】ボタンのサイズは固定＝width。可変＝paddind-inline
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。ボタンのサイズは固定【HTML】<div> <a>ボタン</a></div>【CSS】a{width: 260px;height: 55px;}widthとheig...
Ukimi
Webデザイン 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>文章１</span><span>文章２</s...
Webデザイン 【SCSS/CSS🔰】見た感じ中央じゃない！見た目で中心にずらす場合の対処方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。見た目のセンター両サイドのpaddingは同じ値で表示されているものは中央であるが、なんとなく真ん中に寄っていない。そんな場合の対処方法は寄せたい方向calc(pa...
未分類 子育て世代に全然優しくない！令和8年度川崎市プレミアムデジタル商品券！
ついに申込が開始しましたね。令和8年度川崎市プレミアムデジタル商品券！2,000円で2,600円使えるという一見お得なイベントなんですけど、これが主軸が消費者ではなく店舗側なんだな～と思ってしまうイベントでした。特に子育て世代にお得じゃない...
Webデザイン 【SCSS/CSS🔰】space-between/space-around/space-evenlyの使い分け
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。使い分けbetween → 間だけ around → 周り全部 evenly → 全部同じbetween左右端に配置したいという場合などに最適｜○ーーーーーーーー■...