SlickSpeed Selectors Test Every framework runs in his own iFrame, thus no conflicts can happen.JavaScriptフレームワーク各種からCSSセレクタのテストを一括で行える「SlickSpeed Selectors Test」。 次のように、フレームワークとCSSセレクタに対応する、選択にかかった時間と要素選択数のベンチマークをブラウザ上で取れます。 それぞれのフレームワークの特徴について知ることが出来ますね。
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine In order to be presented effectively, information needs structure. データグリッド実現用JavaScriptライブラリ各種。 Excel のようなデータグリッドを実現できるJavaScriptライブラリが多数紹介されています。 どれも目を見張るようなハイクオリティさ&高機能さで、どれを使うか迷ってしまうほど。 ExtJs Grid dhtmlxGrid Phatfusion Sortable Mootable Sorting Elite Zebra Tables PHP Live Datagrid Table Kit How to paginate, sort and search a table w
値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」 2007年06月01日- Javascript LRU Cache Just a simple LRU cache written in javascript. It is loosely based on ASP.NET's Cache, and includes many caching options such as absolute expiration, sliding expiration, cache priority, and a callback function. 値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」。 Ajax で構成されたアプリにおいて、値を毎回サーバから取得するよりも、キャッシュできるデー
i'm no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at gmail dot (you know what it is) "borrow" the code =) hey all! i needed a quick gallery solution for dro
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS&JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ&ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
探したついでにまとめのまとめ。 知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE でかなり使えそうなhttp://www.hereticanthem.com/webdesign/275/を含め、一通りは紹介されてる。 以下それ以外の。 横型メニュー Flashのような動き javascriptで伸縮するメニューができる - webデザイナーのナナメガキ これもFlashっぽい http://devthought.com/cssjavascript-true-power-fancy-menu/ サンプル8種類 Powerpoint Alternatives For Windows 10, Mac & Linux サブメニュー付 http://www.aplus.co.yu/adxmenu/examples/ シンプル Dynamic Drive
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
Make your pages load faster by combining and compressing javascript and css files As some of you may know, I am currently working on a content management system. Although I am not able to share all of the code – it is proprietary after all – I already made one debugging tool public. This tool can be used to test some common techniques which decreases the bandwidth generated by feed consumers. Toda
ppBlogでは、もとより記事に貼り付けられた画像を元の大きさで表示する画像ポップアップというのを備えてましたが、近頃では、Web2.0に触発されてか、ThickBox だの、Lightbox だの、GreyBox といった、画像表示に際して、ちょいとエフェクトを付けたりするのが流行のようで。 なのでppBlogでも画像ポップアップをパワーアップさせました。かといって過剰な演出はあまり好きではないので、そんなに凝らずに、これだけは備えておきたいというものにしています。 昨今のブロードバンドの普及に伴い、表示サイズの大きな写真を圧縮せずにそのままアップするケースも増えてきたように思います。結果、パソコンの解像度によっては、そんな画像を表示させるとブラウザからはみ出してしまうこともあります。なのでこのあたりを考慮して、ブラウザの枠からはみ出してしまうような大きなサイズの画像は2段階のポップアッ
このライブラリには1996年からのものが含まれており内容的に古いものが混在しています。そのため最新のブラウザでは動作しないことがあります。ここのライブラリ以外にも、多くのサンプルを用意してあります。それらに関してはOpenSpaceのトップページを参照してください。また、ライブラリを大幅統合、修正したため不具合が発生している場合もあります。そのような場合は、openspc@po.shiojiri.ne.jpまで、ご連絡ください。 時計 アクセスされた時刻を表示 マウスカーソルを合わせたら時刻表示 現在時刻をステータス行に表示 フォームに現在時刻を表示 ゲージ付きリアルタイムクロック リアルタイムクロック[グラフィカル版] タイトルバークロック スクローラー/ワイプ効果/ステータスバー ワイプ効果 ワイプ効果[時計付] ワイプ効果[逆方向] ワイプ効果[逆方向:時計付] ワイプ効果[1文字づ
Compress javascript and css. amazing code compression. quick, easy and free! JavaScriptやCSSをWEB上で簡単圧縮するサービス「Compressor」。 次のような画面で、(1)の入力ボックスにCSSでもJavaScriptでも入力後、(2) で圧縮ボタンを押して圧縮可能です。 圧縮方法にはbasicとpowerfulの2つの方法が選択でき、それぞれボタンを押すことで(3)のフィールドに圧縮されたコードが出力されます。 JavaScriptの場合、powerfulにすると動作しなくなることがありますが、簡単なコードならちゃんと動くと思います。 転送量が気になる方はgzipな圧縮転送以外にもこういったツールでCSSやJavaScriptのサイズを削減しましょう。 関連エントリ サイトがGZip圧縮されてい
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く