サイト構築 -JavaScript

[JS]1ページで構成されたサイトに豊富なコンテンツをスライドで表示するスクリプト -Slideme

Post on:2013年10月10日

動作を簡単に説明するのが難しいのですが、1ページにコンテンツを垂直に複数配置し、その各コンテンツをそれぞれ水平のスライダーにするjQueryのプラグインを紹介します。 IE7もサポートしていますよ。 Slideme

[JS]ページをスクロールし、コンテンツを読み終えたくらいにメッセージやFacebookのパネルを表示するスクリプト -End Page Box

Post on:2013年10月3日

ページをスクロールし、コンテンツを読み終えたくらいやページの途中や下など指定した範囲に、メッセージやFacebookなどを配置したパネルをアニメーションでかっこよく表示するjQueryのプラグインを紹介します。 昨日の記

...記事の続きを読む

[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ

Post on:2013年10月2日

最近よく見かけるかっこいいコンテンツやエフェクトを実装できるjQueryのプラグインを紹介します。 fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーン

...記事の続きを読む

[JS]さまざまなHTMLの要素をくるっと回転させるスクリプト -Flipload.js

Post on:2013年9月30日

テキストや画像を配置したパネルをくるっと回転させるだけでなく、画像だけボタンだけなどさまざまな要素を回転させることができるスタンドアローンのスクリプトを紹介します。 Flipload.js Flipload.js -Gi

...記事の続きを読む

[JS]普通のタブから便利な機能を備えたタブまで簡単に実装できるスクリプト -Tabslet

Post on:2013年9月26日

標準的なクリックで切り替えるタブをはじめ、さまざまな機能を備えたタブコンテンツをクリーンなHTMLで簡単に実装できるjQueryのプラグインを紹介します。 Tabslet Tabslet -GitHub

[JS]リアルさが想像以上!ブラウザのウインドウを窓に喩えて、雨を楽しむ癒やし系スクリプト -rainyday.js

Post on:2013年9月26日

ひと昔前に、小さいドットを上からアニメーションで落として雪とか桜とかありましたが、これはそれらとは異なり、かなりリアルに雨を堪能できるスクリプトを紹介します。 ぼっーと見てると、音まで聞こえてきそうです。 rainyda

...記事の続きを読む

[JS]スクロールやスライド時に変化する背景に合わせてナビゲーションのテキストなどを最適なカラーにするスクリプト -BackgroundCheck

Post on:2013年9月25日

ユーザーのアクションで背景が変化するコンテンツ、例えば、複数のパネルを垂直に配置し、パネルごとに背景のカラーを変えているとか、スライダーの画像や写真に明るいカラーや暗いカラーが混在しているなど、そういった時にナビゲーショ

...記事の続きを読む

[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll

Post on:2013年9月24日

AppleのiPhone 5sのプロダクトページのような1ページに複数のパネルを垂直方向に配置し、スクロールエフェクトを使って見せるコンテンツを簡単に作成できるjQueryのプラグインを紹介します。 One Page S

...記事の続きを読む

[JS]シンプルなページ内スクロールから、ちょっと面白いスクロールまで簡単に実装できるスクリプト -Scrolld.js

Post on:2013年9月19日

idを付与した要素にシンプルにアニメーションでスクロールさせるのをはじめ、さまざまなエフェクトを簡単に指定できたり、トリッキーな仕掛けも実装できるjQueryのプラグインを紹介します。 下記のトップページもなかなかダイナ

...記事の続きを読む

[JS]ページ上のあらゆる要素を簡単にレスポンシブ対応にするスクリプト -Responsive Elements

Post on:2013年9月18日

外部スクリプトを加えるだけで、ページ上のあらゆる要素にレスポンシブ対応のclassを利用できるようにするjQueryのプラグインを紹介します。 ブレイクポイントはピクセル単位で細かく、そして複数設定することが可能で、さま

...記事の続きを読む

top of page

©2024 coliss