Webデザイン 【javascript・gsap】画像の切り替える方法（3本ライン）
私がWebサイト制作でハマった事や良かった方法などを備忘録としてまとめています。HTML <div class="top-kv js-flip"> <!-- 上 --> <img src="/img/bg-top-kv1.png" widt...
Webデザイン 
未分類 【Torelloテクニック】寝ている間に完了！ルーティンタスクを特定の曜日・時間で作成する方法
自動でルーティンタスクを特定の日（曜日）にタスクを追加する方法です。以下のような方におすすめな方法です。毎日や毎週・毎月と決まったルーティン作業があるタスクは見えるようにしたいタスクキルしたい※注意点は無料プラン自動処理の回数制限があり、2...
アプリ 【図解】Trelloで完了後に自動でアーカイブをする設定の方法
動画での設定はこちら自動アーカイブの設定方法⭐手順1：自動化ボタンをクリック⭐手順２：ルールをクリック⭐手順３：Create automationボタンをクリック※この画面はまだ何も自動化ルールを登録していない方の画面になります。何かすでに...
Webデザイン 【JavaScript・GSAP🔰】デバッグ中JavaScript内でSCSSの情報を知りたい時の方法
サイトをかっこよく動かしたい！と言った時にGSAPを使って動かしているがうまくいかない時の検証デバッグで、アニメーション途中とアニメーション後の時の使い分けが勉強になったのでここに残す。JavaScriptでSCSSの情報を知りたい場合の方...
Webデザイン 【JavaScript・GSAP🔰】アニメーションちゃんと動いている？検証するプログラムの使い分け
サイトをかっこよく動かしたい！と言った時にGSAPを使って動かしているがうまくいかない時の検証デバッグで、アニメーション途中とアニメーション後の時の使い分けが勉強になったのでここに残す。プログラム途中のコード onStart: () => ...
Webデザイン 【HTML・CSS・JavaScript🔰】HTML・CSS・JavaScriptって何がどう違う？家に例えるとわかりやすい！
Webサイトを作るとき、HTMLとCSS、javascriptという言語が登場する。（ここに＋PHP）とにかくこれが最初わかりづらかった。がjavascriptまでたどり着いて気づいた。家だと…HTML:家の構造・骨組み柱、部屋、階段、ドア...
Webデザイン 【HTML🔰】問い合わせフォームで使うlabelのfor、inputのid・nameで必ず一致させないといけないのは？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。forとid。紐づける役割がある <label for="name">名前（担当者）</label> <input type="text" id="name" na...
未分類 ayur‐chair（アーユル・チェア）1週間使ってみて、フィット感最高だが、おしりが痛い…
先日腰の痛みが出てきたので、本格的に椅子を変えようと心に決め一つの椅子、ayur‐chairに興味を持ちました。その後、原宿にあるお店で体験し少し高いけれど、フィット感がよく思い切って購入しました。その時の様子はこちら購入して1カ月使ってみ...
Webデザイン 【HTML🔰】sectionタグいつ使う？divタグじゃなダメなの？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。divでも動く。でもsectionを使い分けることで意味を持たせられるTOP以下のコンテンツにAbout-Service-Q&A-Contactという構成のTOPペ...
未分類 川崎市プレミアムデジタル商品券の2次公募は9月24日まで！12月25日までに使い切れるかがカギ!?
8月31日から川崎市プレミアムデジタル商品券の2次公募が始まります。川崎市プレミアムデジタル商品券特設ページ公募開始：8月31日～9月24日最終時刻：9月24日 17:00まで当選発表：10月20日最終利用期間：12月25日 23:59まで...