背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。スクリプトがオフ時の表示fullscreenrの実装fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必...
![[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js | コリス](/thumbnail/667143.png)
デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームなんかを作る場合はAjax前提で作ったりしますが、このプラグインで $('#... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. デジタルカメラでは顔認識処理があたり前の時代だ。最近の画像処理アプリケーションは当然のように顔認識を実施する。いくらか学習させれば、誰が写った画像かを管理ソフトが... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Diapo | a free jQuery slideshow by Pixedelic 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」。 様々な切り替えエフェクトがあって、画像と共に動きも楽しむことができます。 キャプションのアニメーションもクールで、ボタン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Portfolio Image Navigation with jQuery | Codrops 上下左右にスライドできるおしゃれな画像ギャラリー作成スクリプト＆チュートリアル 通常ギャラリーというと左右の矢印がついているだけですが、今回紹介するものは上下左右にナビゲーションさせるというものです。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス](/thumbnail/593509.png)
Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf<... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
もう知らないは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » モバイルサイト作成のためのフレームワー... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」2011年03月01日-Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Vis... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これ、いつか使いそうだからメモ的にエントリー。特定の要素までスクロールしたらある関数を実行する、という処理ができるjQueryプラグインですね。うまく使えば「無限スクロール」「スクロールしても常にメニューを表示」なんてことが実現できちゃいますよ。↑ 表示位置を検出してスクロールしたら広告表示、なん... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。jQuery Mobileとは、jQueryのプラグイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」2011年01月20日-Embedded Help System サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「E... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルな本をペラペラめくるＵＩ作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQuery... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Jquery Snowfall Plugin 1.4 | Somethinghitme 冬なのでページ内に雪を降らせるjQueryプラグイン「Snowfall」。 Web1.0時代にJavaScriptサンプルとしてよくあったものをjQueryで実装したもの。 動き等がなかなかリアルなので一度見て... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
指定位置までスクロールしたときにレイヤーを表示させることができます。ブログを読み終わったあとに注意を引きたいレイヤーを表示して、ソーシャルサービス等への投稿などを促す効果も簡単に実装できます。（レイヤーの中身は別途必要です）元ネタは、長谷川恭久さんのcouldから。「いかがでしたか？」というレイヤ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
