Webデザイン 【SCSS/CSS🔰】space-between/space-around/space-evenlyの使い分け
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。使い分けbetween → 間だけ around → 周り全部 evenly → 全部同じbetween左右端に配置したいという場合などに最適｜○ーーーーーーーー■...
Webデザイン Webデザイン 【SCSS/CSS🔰】スマホは縦並び、PCは横並びかつ、左右端に配置
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。※コードはSCSSでの記述です。flexをうまく活用する display: flex; flex-direction: column; align-items: c...
Webデザイン 【SCSS/CSS🔰】ボタンの中の文字を中央揃えにする方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。※コードはSCSSでの記述です。display:inline-flex;を使うWidthのサイズが自動で決まっていない場合の方法で以下のコードを使うことで上下中央に...
Webデザイン 【SCSS/CSS🔰】矢印ボタンの作り方
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。SCSSでの記述です。矢印つきボタンの作り方.c-button { display: inline-flex; justify-content: center; a...
Webデザイン 【SCSS/CSS🔰】buttonタグ？aタグどっち使う
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。ページ移動するなら a、その場で動作するなら buttona → 別ページへ移動、詳細を見る、外部サイトへ飛ぶbutton → メニュー開閉、モーダル表示、送信、J...
Webデザイン 【SCSS/CSS🔰】ボタンの作り方
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。SCSSでの記述です。ボタンを作るコード.c-button { display: inline-flex; justify-content: center; ali...
生活 神奈川県川崎市の「令和8年度川崎市プレミアムデジタル商品券」得する人・損する人
お隣の横浜市は5,000円分のポイントが配布され、川崎市はなにもないのかと思った矢先に登場した川崎市で実施されるプレミアム商品券。一見全員お得になるような感じに見えるこの施策には落とし穴があります。この記事が参考になりましたら幸いです。令和...
未分類 ChatGPT×illustratorで文字に動きのあるバナーの作り方
noteで投稿していた記事を移設しました。今回のお題はこれ！Yahooで見つけた広告のバナーに挑戦してみました。🕒制作時間の目安：30分程度です。🎯難易度：🟩🟩⬜⬜⬜Lv2文字が大きく、なんの広告かというのがよくわかります。そして気になった...
未分類 ChatGPT×illustratorで手書き風ボーダーバナーの作り方
noteで書いていた記事をこちらに移設しています。今回のお題はこれ！Youtubeで見かけた広告のバナーに挑戦してみました。🕒制作時間の目安：60分程度です。🎯難易度：🟩⬜⬜⬜⬜Lv1手書感があるだけで女性向けの広告だなっていうのが伝わりま...
ホームページ VSCode（visual studio code）scssのjsonを設定する方法
今回はVisual Studio Codeのscssをjsonに設定する方法です。これがいかんせんわかりづらかった。Chat GPTで検索すると、と設定画面を教えてくれますが、この設定方法がいかんせんわかりづらい。VSCodeで Ctrl ...