Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
写真などをページ上で強調表示する、いわゆるlightbox効果を実現するJavascript+CSSライブラリを37個も集めて、ライブラリサイズやそれぞれの機能、どのJavascriptライブラリを使っているかなどで絞り込めるようにした比較表が発表されている。 このようなUI系のライブラリを使う際には、自分が普段使っているベースライブラリとの親和性などが重要だと思うので、このような形でまとまっているとdel.icio.usで”lightbox”タグで絞り込む、といった調べ方よりも楽にライブラリが選べていい。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘い
MozillaのJavaScriptドキュメントとECMA Scriptの言語仕様を、まとめてHTMLヘルプ(chm)形式にコンパイルしました。Windows用です。 (2008-05-27 追記) OS XならChemrがいいみたいです。(参考) http://cid-57544de2edadf883.skydrive.live.com/self.aspx/jsref/jsref.chm *1 以下のドキュメントが入っています。 Core JavaScript 1.5 リファレンス http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference Core JavaScript 1.5 ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide G
※ 画像は公式サイトのデモより 画像や動画などを見せる際に、デフォルトでサムネイル、クリックで拡大や再生というのはよくある方法だ。だが、その際の方法には気をつけないといけない。毎度リンク先に飛んでしまっていては、見ている方も疲れてしまう。 その点、Highslide.jsに代表されるサムネイル画像をスムーズに拡大するJavaScriptファイルは便利だ。そしてそれを拡張し、様々なファイル形式に対応したのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはShadowbox.js、多種多様なメディアに対応したビューワーだ。 Shadowbox.jsは画像はもちろん、動画などを同一画面ないでスムーズに拡大表示、再生できる。複数の画像や動画にも対応し、ナビゲーション付きで簡単に切り替えて表示できるようにもなる。 特に面白いのはイメージマップへの対応だ。画像内にFlickrのように四角
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる コンテナをエンプラITに! コンテナ活用の基礎 本番実装が増える背景とメリット 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に! デジタル化によるわかりやすい業務効率向上 ビジネスのためのデータ基盤構築 DX時代の企業成長
thinkweb2.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、thinkweb2.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
The requested URL /home was not found on this server. That’s all we know.
前からamachangが「読むといい」って言っていたJSDeferredのコードを読む。defferedじゃなくてdeferredなので注意。 Deferred.define = function (obj, list) { if (!list) list = ["parallel", "wait", "next", "call", "loop"]; if (!obj) obj = (function () { return this })(); for (var i = 0; i < list.length; i++) { var n = list[i]; obj[n] = Deferred[n]; } return Deferred; }; これはグローバルスコープに書き出すコード。(function () { return this })()でwindowオブジェクトがとれているみた
※ Jvn Writerさんが、高機能版のLSL 色付けツール2をリリースされているので、そちらを使用することをオススメします。 ※ 必ず追記部分も読んでからご使用ください。 LSLのシンタックスハイライトツールを公開します。 ツールといっても、SyntaxHighlighterという、フリーのシンタックスハイライトツールの、LSLプラグインを作っただけです。 必ず最後の注意書きを読んでから導入してください。 shBrushLsl.js 導入方法 1.ダウンロード ここから、syntaxhighlighter_1.5.1本体をダウンロードします。次に、shBrushLsl.jsをこのリンクの右クリックメニューから保存します。 2.ファイルをWebサーバへ配置 ダウンロードが済んだら、shBrushLsl.jsと、syntaxhighlighter本体の以下のファイルを、無料ホームページスペ
Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形(フィードやJSON等)で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItはYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ
JavaScriptでツリー構造やグラフ、ヒストグラムを描画できるライブラリ「Ortho」 2007年12月26日- Ortho JavaScript Graphics - Home Page Ortho is a JavaScript library for creating 2-D Graphics in Web Browsers JavaScriptでツリー構造やグラフ、ヒストグラムを描画できるライブラリ「Ortho」 JavaScriptを使って次のような図を描いたりすることが出来るようです。 Examples ページにツリー構造の描画やグラフ描画など色々サンプルがあります。 ふとツリー構造を表したいときにすぐ活用できそうですね。 関連エントリ Googleのグラフ描画API「Google Chart API」 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」 IEでJ
2007年12月11日22:30 カテゴリLightweight Languages Bookmarklet - 文字列をカウントするだけの簡単なお仕事です こちらに触発されて。 文字カウント フォーカスが当たったテキストフィールドの文字数を数えて、ステータスバーに表示します。当然ですが、この機能を明示的に切ったりしてある場合(たとえばFirefoxなら可能)何も表示されませんが、表示用のDOMをappendしたりするよりはシンプルなので。本blogのコメント欄のところでちょっと試してみて下さい。 本blogのコメント欄にも文字数制限がありますが、これで確認が少し楽になるかな.... Count Charcters in the Status Bar - Bookmarklet 昨日と同じく、Bookmarklet単体ではなく、さらにJSを読み込むメタブックマークレットタイプです。 Fir
Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。 それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この操作性の違いはユーザにとってストレスになる。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはReally Simple History、Ajaxにも履歴機能を付けるライブラリだ。 Really Simple HistoryはIE、Safari、Opera、Firefoxにも対応したライブラリだ。クリックした時のアクションに履歴を付与していくことで、戻るボタンを有効にし、履歴機能を実現する。 さらに、URLがアンカー付きのユニークなものに変わるのも特徴だ。これをうま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く