サイト構築 -JavaScript

[JS]実装はたった一行でOK!ページの選択した範囲を強調する超軽量スクリプト -Fokus

Post on:2012年9月25日

選択した範囲を強調するために、アニメーションでページの残りを半透明なレイヤーで暗くするスクリプトを紹介します。 Chromeのエクステンションも用意されているので、自サイトだけでなく他サイトでも利用できます。 Fokus

...記事の続きを読む

[JS]jQueryのプラグイン33+1選 -2012年8・9月

Post on:2012年9月24日

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BigVideo.js MP4などの動画をウェブページの背景いっぱいに配置します。 Video Background サイズ変更可能な動画をページやエレ

...記事の続きを読む

[JS]スマフォで各セクションのヘッダをそれぞれスクロールに追従させるスクリプト

Post on:2012年9月21日

iPhone, iPad, ガラケーなどのスマフォで、各セクションのヘッダをそれぞれ半透明の状態でスクロールに追従させるスクリプトを紹介します。 Floating Headers for iScroll

[JS]複数の指定した範囲ごとにスクロールに追従するパネルを設置するスクリプト -jQuery Stick ‘em

Post on:2012年9月18日

ページ内の複数の指定した範囲ごとに、スクロールに追従するパネルを設置するjQueryのプラグインを紹介します。 jQuery Stick ‘em jQuery Stick ‘em -GitHub

[JS]ページのスクロール時、天地に紙を折り曲げるエフェクトを加えるスクリプト -FoldScroll

Post on:2012年9月13日

スクロールする際、天地の位置にあるパネルにアニメーションで紙を折り曲げるエフェクトを加えるjQueryのプラグインを紹介します。 FoldScroll

[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js

Post on:2012年9月12日

エレメントの高さ(height)、幅(width)だけでなく、outerHeight, innerHeight, outerWidth, innerWidthのサイズを揃えるjQueryのプラグインを紹介します。 equ

...記事の続きを読む

[JS]指定した要素を抽出して、自動でページ内アンカーのナビゲーションを設置するスクリプト -MagicNav.js

Post on:2012年9月7日

ページ内の指定した範囲から、指定した要素を抽出して、自動で目次のようなナビゲーションを作成するjQueryのプラグインを紹介します。 MagicNav.js MagicNav.js -GitHub

[JS]シャドウにもこだわった、滑らかで美しいアニメーションでページをめくるスクリプト -BookBlock

Post on:2012年9月5日

画像でもテキストのコンテンツでも使用できるページめくりのアニメーションが滑らかなjQueryのプラグインを紹介します。 デスクトップのクリック操作だけでなく、iPhone, iPadのスワイプ操作でもページをめくれます。

...記事の続きを読む

JavaScriptの変数のスコープをきちんと理解しているかクイズで確認してみよう -Javascript Scope Quiz

Post on:2012年9月4日

ちょっとした休憩や昼休みの余りに、JavaScriptの変数のスコープのクイズはいかがでしょう。 10分くらいでできます。 Javascript Scope Quiz

[JS]アナタのソーシャルコンテンツをまとめてPinterest風レイアウトで表示するスクリプト -Socialist

Post on:2012年9月4日

ブログのRSSをはじめ、Facebook, Twitter, Tumbler, Google+, Pinterest, Flickr, YouTubeなどのコンテンツを全てPinterest風のグリッドレイアウトで表示す

...記事の続きを読む

top of page

©2024 coliss