未分類
【css入門】レスポンシブ対応、下手な原因
結論：大きいデザインカンプはメディアクエリ刻む コーディングカンプが1900pxのものはxl,xxlも刻む。 手順 ①「SP」コーディングする ②メディアクエリPCに丸ごとコピーする ③漏れが無いように上から順にそれぞれ […]
【CSS】文字の縁取り SVG
表示させる内容ごとにidが必要。useのxlink:hrefにはこのidを入れる。
【CSS入門】爆速！LPコーディング効率化パーツ–背景
こんなお悩み有りませんか？ 背景に斜めの色を付けなきゃいけないけどわからない！ 背景に下方へ向かう三角形を作成しなきゃいけない！ こちらに３種類の背景例を準備しました！ ぜひ使ってみてくださいね 目次 背景パターン１ h […]
【CSS入門】爆速！LPコーディング効率化テンプレート–header
目次 ヘッダーレイアウト見本１ ヘッダーレイアウト見本2 ヘッダーレイアウト見本3 ヘッダーレイアウト見本4 headerレイアウト１ html CSS headerレイアウト２ html SCSS headerレイアウ […]
【CSS入門】爆速！LPコーディング効率化テンプレート＆手順
結論：①テンプレート→②共通パーツ（背景、セクション、ボタン） テンプレート 黄緑色の部分が、inner 。コンテンツはこの中で100%になり、端がそろう。 html【クリックでコード表示】 CSS【クリックでコード表示 […]
【jQuery入門】Error handling response: TypeError: Cannot read properties of undefined (reading ‘MainColor’) at chrome-extension://jmjjnhpacphpjmnnlnccpfmhkcloaade/content_scripts/nif2_balloon.js:19:51エラーの原因と解決策
結論：VScodeのLive Serverが原因なので、別の環境で開くとよい。 ■コンソールの基本の使い方：ブラウザで検証ツールを開き、「コンソール」タブを押す。 私が躓いたエラーは Error handling res […]
【jQuery入門】jQueryが動かない？３分で解決！jQuery使い方と、エラーログの見方
こんな悩みはありませんか？ ・$でいい時、jQueryの時がわからない・なぜかjQuery動かない、困る・jQueryのエラーどこで見れるの？ console.logの使い方も初めから解説、毎回躓く原因が解消できる！ ■ […]
【jQuery入門】each(function(index, element){});の使い方が3分でわかる
結論：リスト（<li>）に繰り返し処理を使える！練習してみよう。 ①練習問題ゴール：htmlのそれぞれの要素を取得し、出力する。 ②1st STEP：htmlのそれぞれの要素を取得（用語解説） (1)inde […]
【jQuery入門】 if hasClassって知ってる？クラスの有無を判定する時のコツ。
結論：function内ifで指定する時は「this」とすればよい。 これでli一つずつに対して、hasClassしているか調べてくれることになる。 【わかりやすい説明】http://alphasis.info/2011 […]
