閉じる

HOME
記事一覧

記事一覧

Web制作のgitの使い方｜1人で受託するとき決める5つのこと

受託でgitを使用する際、触っているのは他人の本番環境であることを前提にしなければいけません。自分のサ…

2026年8月18日

学習・仕事術

他人のCSSを壊さずに直す｜既存サイト改修でCSSの影響範囲を調べる手順

「このボタンの色だけ変えてほしい」。既存サイトの改修では、こういう依頼が来ます。ゼロから作る案件だ…

2026年8月13日

HTML・CSS

CSSの詳細度は「点数の合計」ではない｜3列で比べる数え方とCSSが効かないときの見分け方

書いたCSSが効かない。!important を付けたら直った。複数のルールが同じ要素にぶつかったとき、ブラウザ…

2026年8月12日

HTML・CSS

Polylang無料版で多言語サイトはどこまで作れる？Proとの境界線

「このサイト、多言語にできますか」「無料でいけますか」——そう聞かれて詰まるのは操作ではなく判断のほ…

2026年8月5日

WordPress

WordPress×SQLiteのハマりポイント｜引き継いだ既存サイトの見分け方から新規ローカル構築まで

実務にて、改修で引き継いだWordPressサイトがローカルで再現できませんでした。やったことは、いつもど…

2026年7月26日

WordPress

AIが書いたHTML/CSS、そのまま使って大丈夫？受け入れ前チェックリスト15項目【コピペOK】

AIにHTML/CSSを書いてもらうと、たしかに「動くもの」が返ってきます。ただ、このまま使っていいのかと聞…

2026年7月2日

AI × Web制作

スクロールアニメーション6選｜CSS・JSの実装パターンと選び方【コピペOK】

スクロールに合わせて要素を動かしたいけれど、フェードイン・順次表示・進捗バー・パララックス・カウン…

2026年7月1日

HTML・CSS
JavaScript

スクロール連動の背景ぼかしの作り方｜CSSのanimation-timelineとJSフォールバックで両対応【コピペOK】

この記事では、画面に固定した背景がスクロール量に連動して徐々にぼけていく演出を紹介します。CSSだけで…

2026年6月15日

HTML・CSS
JavaScript

カウントアップの作り方｜Intersection ObserverとrequestAnimationFrameで実績数値を動かす【コピペOK】

この記事では、導入企業数や満足度などの実績数値を、画面に入ったタイミングで0から目標値へ動かすカウン…

2026年6月15日

JavaScript
HTML・CSS

パララックス（視差スクロール）の作り方｜animation-timelineとJSで両対応【コピペOK】

この記事では、背景と前景に速度差をつけて奥行きを出すパララックス（視差スクロール）を紹介します。 🌐…

2026年5月30日

HTML・CSS
JavaScript

スクロール進捗バーの作り方｜CSSのanimation-timelineとJSフォールバックで両対応【コピペOK】

この記事では、ページの読了率に連動するスクロール進捗バーを紹介します。CSSだけで書ける新しい方法（an…

2026年5月28日

HTML・CSS
JavaScript

子要素を順番に表示するstaggerの作り方｜親に属性を付けるだけで遅延を自動配分【コピペOK】

カードや実績を一気に出すと単調になりがちですが、1つずつ時間差で出すと、要素ごとに遅延を手書きする手…

2026年5月26日

JavaScript
HTML・CSS