youmos.comClick here to enter
Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々:phpspot開発日誌
16 librairies et scripts pour g・・er des graphiques sur Internet | Simple Entrepreneur Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々。 Flash amCharts Maani JavaScript EJSChart PlotKit AjaxMGraph CSS Css For Bar Graphs Vertical Bar Graphs with Css and Php Bargraph Dynamic Pie Chart with Css Css Vertical Bar Graphs Displaying percentages グラフ画像生成ライブラリ JFreeChart Artichow JpGraph Chart Director Graphviz Ima
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ:phpspot開発日誌
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ 2007年06月04日- chris erwin dot com - CRIR: Checkbox Radio Input Replacement This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ。 ライブラリを使うことで、次のようなフォームを実現することが出来ます。 必要なCSSとライブラリを読み込んで、input に class をあてるぐらいの簡単な方法でフォームの変更が可能です。 CSSデザインなので画像を変更で自分好みのフォ
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」:phpspot開発日誌
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
ブラウザ上で動作するプレゼン資料を簡単に作れる「Slider.js」:phpspot開発日誌
Slider.js Example This script makes it easy to create a sliding carousel component like the one seen at www.curbly.com. ブラウザ上で動作するプレゼン資料を簡単に作れる「Slider.js」。 一つのボックス内でスライドするスライダーコンポーネントが簡単に作れます。 少ないスペースで多くの情報を格納できるので、使いどころによってはかなり便利。 実装方法も簡単で、<DIV> 内に一括して全てのスライドの内容をHTMLに定義します。 後は、次のJavaScriptでコンポーネントを初期化するのみです。 <script type="text/javascript" charset="utf-8"> var my_slider = new Slider('my-slider', {
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」:phpspot開発日誌
JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 2007年05月16日- dateformat.js - 日付フォーマット変換ライブラリ 指定したパターンによるDate->String、String->Dateの変換を行うライブラリです。 JavaScript用、日付フォーマット変換ライブラリ「dateformat.js」 次の変換が可能です。 yyyy/MM/dd HH:mm:ss SSS→2007/05/15 21:02:30 218 2007/05/15 21:16:14 111→Tue May 15 21:16:14 UTC+0900 2007 使い方も簡単。 var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new D
【コラム】そろそろきっちりJavaScript (8) prototype.jsを読む(2) | エンタープライズ | マイコミジャーナル
Classオブジェクト 前回に引き続き、prototype.jsのソースコードを読んでいこう。前回の記事掲載後、「Firebug 1.05」、「prototype.js 1.5.1」が正式リリースされている。前回の時点ではprototype.js 1.5.1_rc2を準備したが、せっかくなので正式版で読み進めることにしよう。なお、FirebugについてはライセンスがThe BSD Licenseへ変更されている。詳細については別掲の記事も参考にされたい。 さて、今回は34行目Classオブジェクトの定義から見ていこう。(行頭の数字は行番号を示す。) 34 var Class = { 35 create: function() { 36 return function() { 37 this.initialize.apply(this, arguments); 38 } 39 } 40 }
画像を虫眼鏡で見たようなエフェクトをかけられる「Loupe.js」:phpspot開発日誌
Loupe.js Loupe.js and Loupe.png allows you to add a loupe (magnifier) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像を虫眼鏡で見たようなエフェクトをかけられる「Loupe.js」。 次のように虫眼鏡でのぞいたようなエフェクトをかけられるJavaScriptライブラリです。 サイトに隠し要素を埋め込んだり、ちょっと楽しい仕組みとして応用することでサイト作成に役立てることができそうですね。
MacOS XのSpotlightライクなAjax＆JavaScript検索機能を実装サンプル:phpspot開発日誌
Spotlight-Like Search As You Type With CSS, AJAX & JS Dustin Bachrach Blog OS X has a lot of great effects. These are great building blocks for creating effects for the web. OS X の Tiger についてくるインクリメンタル検索機能のSpotlight機能をWebでも実現するためのCSS&HTML&JavaScriptサンプル。 次のようなインクリメンタルな検索機能をあなたのサイトにも実装できます。 Spotlight 自体の ユーザインタフェースが既によく考えられて作られていて、優れているので、サイトにも実装するとユーザビリティが上がることは間違いなさそう。 prototype.js と scriptaculou
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」:phpspot開発日誌
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」 2007年04月23日- ExplorerCanvas Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」。 FirefoxやSafari, Opera9ではブラウザ上で図形を描画できる Canvas クラスが存在しますが、IE にはそれがありません。 その Canvas 機能を IE に追加するライブラリが公開されました。 Canvas 同様
【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル
ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。現在のJavaScript人気の立役者といっても過言ではないprototype.jsだが、その中身はどうなっているのだろうか。ソースコードを読みながら、メカニズムはもちろん、JavaScript的なコードスタイルも学んでいきたい。 まずはソースコードを読むための環境を整備しよう。prototype.jsは、作者であるSam Stephenson氏が提供するサイトから取得できる。現在の安定最新バージ
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」:phpspot開発日誌
QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」 2007年04月19日- lightWindow Demo After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」。 画像、IFRAMEだけではなく、QuickTimeムービーやSWFファイル、PDFなどもLightBox風表示してしまうライブラリ。 次のようにLightBox風表示できます。 ( QuickTime ムービーを LightBox 風表示 ) ( PDFドキュメントを LightBox 風表示 ) 使
【ハウツー】Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」 (1) Extでできること | エンタープライズ | マイコミジャーナル
皆さんは、「Ext」というJavaScriptフレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体で
画像を角丸にしたり影を付けたりできる「Corner.js」
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
キーコードイベントを一括で調べられるWEBツール:phpspot開発日誌
Keyboard Events and Codes This form cancels all keyUp events. キーコードイベントを一括で調べられるWEBツール。 入力ボックスにキーボードを入力していくことで押したキーのコードがそのまま表示されます。 keydown, keypress, keyup それぞれのコードが取れたり、Shift, Ctrl, Alt キーにも対応しているようです。 JavaScript でのキーコード調査なんかに便利ですね。 関連エントリ クロスブラウザでのJavaScriptキーボードイベントの扱い方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
youmos.com
http://www.missingmethod.com/projects/slider.html