コンテンツを一風変わったスクロールで切り替えられるJavaScript「multiScroll.js」｜skuare.net

2014/07/08 51 users 一風 Tweet スクロール jQueryプラグイン スライド

コンテンツを一風変わったスクロールで切り替えられるJavaScript「multiScroll.js」 Tweet スライドするコンテンツはかなり出回っているかと思いますが、jqueryプラグインのmultiscroll.js - split multi-scrolling pages pluginを利用すると左右に分割されたスライドが上下に印象的に表示されてきます。 訪問者にちょっと変わった印象... 続きを読む

パララックスサイトを簡単に作成できるjQueryプラグイン8選｜skuare.net

2013/08/13 196 users パララックスサイト パララックス Tweet 感じ ところ

パララックスサイトを簡単に作成できるjQueryプラグイン8選 Tweet いまさらな気もしますが、パララックスなサイトを簡単に実現するためのjQueryプラグインを紹介します。 sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn 老舗な感じのところですね。 jQuery localscrollとか、jQuery scrollTo... 続きを読む

スマホサイトでよく見る感じのサイドからにゅっと出てくるメニューをjQueryプラグイン「Sidr」で作る｜skuare.net

2013/03/01 86 users Sidr jQueryプラグイン メニュー アプリ 感じ

スマホサイトでよく見る感じのサイドからにゅっと出てくるメニューをjQueryプラグイン「Sidr」で作る Tweet Facebookをはじめスマートフォンサイトやアプリでは、メニューをタップするとサイドからにゅっと出てくるメニューが導入されて久しいです。 今回はSidr - A jQuery plugin for creating side menusを利用して、にゅっと出してみましょう。 sp... 続きを読む

スマホでスワイプ形式の画像ギャラリーを利用できるjQueryプラグイン「TouchSlider JavaScript touch control slider」｜skuare.net

2013/02/27 62 users jQueryプラグイン 画像ギャラリー スマホ 画像

スマホでスワイプ形式の画像ギャラリーを利用できるjQueryプラグイン「TouchSlider JavaScript touch control slider」 スマホでも画像ギャラリー的なことやりたいですよね。 jQueryプラグインのTouchSlider -- JavaScript slide contentを利用するとスマホでスワイプ形式のスライドギャラリーを導入することができます。 もち... 続きを読む

画像のスワイプにも対応したスマホ時代のjQueryプラグイン「Swipebox」｜skuare.net

2013/02/08 50 users sponsors Swipebox jQueryプラグイン

画像のスワイプにも対応したスマホ時代のjQueryプラグイン「Swipebox」 Tweet PCでの画像拡大と言えばLightBox系が席巻していましたが、スマホだとなんだか使いにくいものでした。 Swipeboxはスワイプ動作による画像間の切り替えも可能で、新時代の到来を予感させます。 なおPCでもキーボードによる遷移ができたりします。 sponsors 使用方法 Swipeboxからファイル... 続きを読む

見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modal｜skuare.net

2012/08/29 20 users モーダル sponsors 定形 見せ方 ファイル

見せ方がとても良いモーダルjQueryプラグイン「Avgrund Modal Tweet モーダルってだいたい定形が決まった感じですが、今回のjQuery plugin for Avgrund concept popinはクリックするとぐいっと中に寄って目立つ感じにしてくれます。 sponsors 使用方法 jQuery plugin for Avgrund concept popinからファイル... 続きを読む

jQueryプラグイン「gmaps.js」でルート案内付きGoogle Mapを作成する｜skuare.net

2012/06/27 44 users gmaps.js src text jQueryプラグイン

jQueryプラグインのgmaps.jsを利用すると簡単にGoogle Mapを作成できることできます。 またルート案内もできるので、駅から会社が少し離れていた場合の推奨ルートを表示してあげるのもいいかもしれません。 今回はこのルート案内を設定する方法を紹介します。 使用方法 gmaps.jsをダウンロード。 <script type="text/javascript" src="jquery-1... 続きを読む

フルスクリーンで華麗に切り替えられるJavaScript「Fullscreen Slit Slider with jQuery and CSS3 」｜skuare.net

2012/06/06 29 users フルスクリーン JavaScript インパク Tweet

フルスクリーンで華麗に切り替えられるJavaScript「Fullscreen Slit Slider with jQuery and CSS3 」 Tweet フルスクリーンで中央からスリットがはいったようなエフェクトをかけながら、画面切り替えが行えるFullscreen Slit Slider with jQuery and CSS3 | Codropsです。 CSS3を利用して非常にインパク... 続きを読む

要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」｜skuare.net

2012/05/22 35 users champagne.js Tweet ファイル一式 ランダム

要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」 Tweet 画像などの要素をただ並べていくだけだとなんだか寂しい。 そんな時は徐々にフェードインさせてみてはいかがでしょうか？ champagne.jsはランダムに要素をフェードインさせてくれます。 使用方法 champagne.jsからファイル一式をダウンロード。 下記のように要素が記述されているとします。... 続きを読む

さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」｜skuare.net

2012/01/06 20 users フロート Tex JavaScript 種類 メッセージ

さまざまな種類のメッセージをフロート表示できるJavaScript「jQuery.msgBox()」 Tweet ボタンを押した時にメッセージをライトボックスのように閲覧者に知らせてあげると伝わりやすいと思います。 jQuery.msgBox()は、いろいろなパターンでこれを実現できます。 使用方法 jQuery.msgBox()からファイル一式をダウンロード。 <script type="tex... 続きを読む

表組みの見出しを上部に固定できるJavaScript「Floating Table Header」｜skuare.net

2011/11/08 34 users 見出し 上部 表組み GitHub JavaScript

表組みの見出しを上部に固定できるJavaScript「Floating Table Header」 Tweet 表組み縦に長くなると項目名が見えなくなってしまいます。 これを解消するのがFloating Table Headerです。 最上部の項目を固定することが可能です。 使用方法 scottbuckingham/jquery.floatyHead - GitHubからファイルをダウンロード。 ... 続きを読む

影をマウス位置に追随させられるJavaScript「OKShadow」｜skuare.net

2011/10/13 13 users src text Tweet JavaScript マウス位置

影をマウス位置に追随させられるJavaScript「OKShadow」 Tweet 要素にドロップショドウをかけることがあるかと思いますが、OKShadowを利用すると、その影をマウス位置に追随させることが可能です。 これにより、3D表現を擬似的に実現させられます。 使用方法 OKShadowからファイルをダウンロード。 <script type="text/javascript" src="jq... 続きを読む

なんかもうカッコイイ！フルスクリーン画像ギャラリー「jmFullWall」｜skuare.net

2011/09/29 19 users Tweet フルスクリーン 拡大画像 画像 使用方法

なんかもうカッコイイ！フルスクリーン画像ギャラリー「jmFullWall」 Tweet フルスクリーンで画像を並べ、クリックすると拡大画像を表示する。 そんなのを作りたい方多いのではないでしょうか。 jmFullWall | FullZoom Portfolio with jQueryを利用すれば、簡単にこれが導入できてしまいます。 使用方法 jmFullWall | FullZoom Portf... 続きを読む

一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」｜skuare.net

2011/08/31 13 users CAPTCHA MotionCAPTCHA Tweet 一味

一味違ったCaptchaを導入できるJavaScript「MotionCAPTCHA」 Tweet フォームやコメントでスパムを防止するためCAPTCHAというテストを求められることがあります。 今回紹介するMotionCAPTCHAは形をなぞるという一味違った形式でCAPTCHAを実行させることが可能です。 使用方法 MotionCAPTCHAからファイルをダウンロード。 <link rel="... 続きを読む

jQueryで要素がページの一番上まできたら位置を固定する｜skuare.net

2011/08/19 22 users jQuery jquery.js CSS-Tricks 手段

jQueryで要素がページの一番上まできたら位置を固定する Tweet 最近のサイトでよく見るのが、スクロールしていくと途中で要素が固定されるやつ。 印象的で、かつ残したい要素が訴求できる手段です。 jQueryを使うと簡単に実現でき、また複数の要素を代わる代わる固定させられます。 via：Persistent Headers | CSS-Tricks 使用方法 jQueryからjquery.js... 続きを読む

Facebookページを作るにあたって役立ちそうなURL34個｜skuare.net

2011/08/17 30 users Facebookページ Facebook とらぼ メモ 基礎編

Facebookページを作るにあたって役立ちそうなURL34個 Tweet Facebookページを作るにあたって役立ちそうなURL34個のメモ。 #1 基本 Facebookって何？って言われた時 1）今日から始めるFacebook（基礎編）：Facebookって何ができるの？　便利な8つのポイント (1/2) - ねとらぼ 2）facebook navi #2 ビジネス・マーケティング系 海外... 続きを読む

YouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」｜skuare.net

2011/04/08 22 users YouTube プレイリスト jQueryプラグイン

Yahoo!による「東北地方太平洋沖地震」インターネット募金はこちらYouTubeのプレイリストを良い感じで表示してくれるjQueryプラグイン「jQuery youtube playlist plugin」Tweet　Check最近YouTubeを表示させるサイトが多くなっていますよね。 そんな時、jQuery youtube playlist plugin - youtubeplaylistを... 続きを読む

[Facebook]FMBLに画像スライダーを設置｜skuare.net

2011/02/02 16 users FBML Facebook Facebookファンページ

[Facebook]FMBLに画像スライダーを設置Tweet　Check[メモ]FacebookファンページのFBMLで使えるタグ11選に続きまた、FacebookのFMBLネタ。 今回はJavaScriptも使って画像スライダーを作成します。 導入イメージ@facebook via：FBJS Animation. Part 3 - Fx accordion and slider設定方法 まずはh... 続きを読む

[メモ]FacebookファンページのFBMLで使えるタグ11選｜skuare.net

2011/01/28 95 users FBML いとこ Facebookファンページ メモ 導入

[メモ]FacebookファンページのFBMLで使えるタグ11選Tweet　CheckFacebookのファンページと言えばFBMLだったりしますよね。 今回は、FBMLで使用できるタグについて何点か記述方法をメモ。 ※なおFBMLの導入はこちらを⇒[メモ]Facebookファンページめんどいとこ【1】「いいね」しないと見られないコンテンツ作り 以前も紹介しましたが、念のため。 続きを読む

JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20 : skuare.net

2008/02/07 477 users prototype さきがけ NASA 実力 価値

JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20 ｜ ｜ ｜ ｜ ｜ ｜ 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 Refere... 続きを読む

JavaScriptライブラリ「jQuery」関連サイト34 : skuare.net

2008/01/28 423 users jQuery 攻防 クリントン氏 追記 オバマ氏

JavaScriptライブラリ「jQuery」関連サイト34 ｜ ｜ ｜ ｜ ｜ ｜ 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記： 2008/2/8　2サイト 2008/5/29　2サイト 2008/6/25　1サイト 2008/7/9　5サイト（jQuery UI系・Cheet... 続きを読む