DATE

2024年1月

figma,photoshop,xd

【figma】figmaの画像が書き出せない悩みを10秒で解決する

コーディングでこんな悩みありませんか? 結論:右クリック→Copy as SVG→htmlに貼る ①画像の上で右クリックして「Copu/Paste as」→「Copy as SVG」。 ②SVGコードがコピーされるので、 […]

css

【CSS入門】爆速!LPコーディング効率化パーツ–ハンバーガーメニュー

こんなお悩み有りませんか 結論:このコードのコメント部分を書き換えよう See the Pen hambergar by aimeimm (@aimeimm) on CodePen. html scss パーツを楽しく習 […]

css

【CSS入門】爆速!LPコーディング効率化パーツ–スクロール

横スクロールできるバー See the Pen scroll-horison by aimeimm (@aimeimm) on CodePen.

wordpress

【wordpress入門】カテゴリー一覧の表示

結論:function.php内にアクションフックを各

未分類

【CSS入門】爆速!LPコーディング効率化パーツ–背景

こんなお悩み有りませんか? 背景に斜めの色を付けなきゃいけないけどわからない! 背景に下方へ向かう三角形を作成しなきゃいけない! こちらに3種類の背景例を準備しました! ぜひ使ってみてくださいね 目次 背景パターン1 h […]

css

【CSS入門】爆速!LPコーディング効率化テンプレート–横並び画像

こんなお悩み有りませんか? 横並びできるけど、レスポンシブの文字サイズ調整に時間がかかる 数字などの小さいアイコンがあると煩わしい、うまくポジショニングできない コーディング例を6つ画像で紹介します コードをそのまま使え […]

未分類

【CSS入門】爆速!LPコーディング効率化テンプレート–header

目次 ヘッダーレイアウト見本1 ヘッダーレイアウト見本2 ヘッダーレイアウト見本3 ヘッダーレイアウト見本4 headerレイアウト1 html CSS headerレイアウト2 html SCSS headerレイアウ […]

未分類

【CSS入門】爆速!LPコーディング効率化テンプレート&手順

結論:①テンプレート→②共通パーツ(背景、セクション、ボタン) テンプレート 黄緑色の部分が、inner 。コンテンツはこの中で100%になり、端がそろう。 html【クリックでコード表示】 CSS【クリックでコード表示 […]

wordpress

【wordpress入門】LPコーディングやり方 ~WPオリジナルテーマ~

結論:必須ファイルは6つ。index.php、functions.php、header.php、footer.php、page-thanks.php、404.php。 ①index.php(home.php, pront […]

1 2 3