JavaScript

WEBサイトで、一文字ずつ出現するエフェクトを作りました。スクロールして画面に現れたら動き出すようにしています。コピペで使えます。

画像比較をするスライダーの作り方をご紹介します。加工前・加工後などの二枚の画像の比較に最適な表現です。

ホバーで背景画像を切り替えるエフェクトを作りました。JavaScriptで、ボタンの増減によってCSSを書き換える必要がないように作っています。

JavaScriptの基本とJQueryの基本が解ったら、次は実践に入っていく段階だと思います。ちょうどそんな人にお勧めの本があるので、ご紹介いたします。

サイトにアクセスした最初の時点から、スクロールをするとサイズが小さくなるヘッダーってよくありますよね。最初は大きく見せたいけど、スクロールしてコンテンツを見始めたら小さくしたい、というものです。 使う機会の多い技術ですの続きを読む

現在開いているページのナビゲーションにだけ、“今このページを見てるよ”ということを示すため、別のスタイルを付けることがよくあります。私は“ ステイ ” と呼んでいます。 私はこれを、「ステイを付ける」とか「ステイをかける続きを読む

サイト構築をしていると様々な場面で条件分岐が必要になることがありますよね。特にレスポンシブデザインになってからはウィンドウ幅による条件分岐をよく使います。 CSSであればメディアクエリーでやればいいのですが、JavaSc続きを読む

スクロールをして要素が画面内に入ると動き出す(出現する)アクションってよくありますよね。 このようなアクションを簡単に設置する方法をご紹介します。 inview.jsというjQueryプラグインを使うことで、「画面に現れ続きを読む

ブラウザのお気に入り機能のように、リンク先のサイトのfavicon(ファビコン)を表示することがサイト内でも実現できれば使いやすいデザインが作れそうですよね。 今回はfaviconを自動で取得して表示する方法をご紹介しま続きを読む

positionで文字などのオブジェクトを画像の上に配置するときなど、画像を背景として設定しておくと便利なことって多いですよね。しかしその反面、CSSで背景として画像を設置してしまうと、更新するときや同じレイアウトを繰り続きを読む