PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」:phpspot開発日誌
PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」 2007年10月09日- PhotoShop-like JavaScript Color Picker Many people have noted "it looks like [picker X]" and they are right: there are tons of pickers out there (I listed a few in the original post). PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」。 prototyope.jsベースで、IE5.5, IE6, IE7, FF2, Opera 9, Safari 2 で動作します。 洗練されたPhotoShopのカラーピッカーＵＩ を
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
Prototype Window Class : Introduction
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
– このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
Open-jACOB
Data exchange across multiple platforms is more crucial than ever in the era of integrations. Consider an online store without integrations. Your website would have to develop systems for managing user accounts, email subscriptions, payment processing, shipment, and other tasks in addition to managing product listings. It would be more effective to outsource these duties to other providers since t
Yahoo! UI Library 2.2.0 リリース: ある SE のつぶやき
YUI Version 2.2.0 Released(Ajaxian) JavaScriptのUIコンポーネント集である、Yahoo! UI Library のバージョン2.2.0がリリースされたとのこと。 バージョンが、0.12.2 から 2.2.0 への大幅アップですが、興味深い機能は、「Browser History Manager」と「DataTable Control」です。 ◆Browser History Manager Browser History Manager は、Ajaxで画面操作をしているのに、戻るボタンで操作前の状態に戻れる機能です。 スナップショットを見ると良く分かると思います。 ・最初の画面 ・"ipsum"タブクリック後 ・戻るボタンクリック後 Ajaxアプリケーションの欠点として、戻るボタンで以前の操作に戻れないことがありましたが、その欠点を解消したよう
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」:phpspot開発日誌
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
JavaScriptで線を描画するためのGraphicsクラスライブラリ:phpspot開発日誌
Drawing lines in Mozilla based browsers and the Internet Explorer - The Code Project - JavaScript JavaScriptで線を描画する方法についての記事。 JavaScriptで線を描画するためのGraphicsクラスライブラリも配布しているようです。 Graphicsクラスライブラリを使うと、次のような簡単なコードで線を描画できるようです。 var g = new Graphics(); g.drawLine(100,50,200,70); g.paint(); ダイナミックなインタフェースを実現するJavaScript ライブラリも多いですが、 こういったJavaScriptでの図形描画機能についてもおさえておきたいですね。 関連エントリ ブラウザ上で動作するJavaScript製のMSペイ
お手軽Webホワイトボード Sharpan - monthly gimite
Web上でリアルタイムに描いたものが共有できるホワイトボードを作ってみました。 Sharpan - お手軽Webホワイトボード プラグイン不要で、ブラウザだけあれば動きます。JavaScriptしか使ってないので…。 Flashで動くやつは知ってたんですが、共有する時は相手のメールアドレスを入力してどーのとか面倒くさかったので、Sharpanは ワンクリックで新しいホワイトボードを作成。 共有するには、そのURLを相手に教えるだけ。 という風にしました。 チャットとかSkypeをしてて、ちょっと図が描きたいって時に便利かなぁと。機能的にはしょぼいですが、その辺はおいおい。 作ったホワイトボードにはどこからもリンクが張られないので、URLを知ってる人だけがアクセスできます。あとで同じボードを使いたい場合はブックマークを忘れずに。 実装はLingrと同じくCometを使ってます。ただ、効率とか
excanvas.js でクロスブラウザ canvas を使ってみた。 - IT戦記
excanvas.js は Google が作った js ライブラリで、これを使うと IE でも canvas 要素が使えるようになる。VML に canvas のインタフェースを持たせた感じです。 ためしに使ってみた。。。 http://sample.ecmascript.jp/20060531.html …しかし excanvas.js まだまだ互換性が足りない。 Firefox の canvas でアニメーションをさせるのが重すぎる。 Firefox リークしまくり。 やっぱり、まだまだ先の技術なのかなー。 とはいえ、VML、SVG、canvas で何が出来て、何が出来ないのかをしっかり理解しておきたい。絶対何かに使えるはず！ リンク canvas http://www.whatwg.org/specs/web-apps/current-work/#scs-dynamic VML h
JavaScriptでグラフを描画出来るライブラリ『WebFX』:phpspot開発日誌
Chart Usage (WebFX) In web applications developed now days a lot of the logic that previously resided on the server side is now being implemented on the client side. This is especially true for information presentation, components such as trees and columnlist makes it possible for users to interact with the application, or web site if you wish, without contacting the server. However the ability to
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
クールなスライドショー作成用Javascriptライブラリ:phpspot開発日誌
mooShow 0.03 Beta . Javascript Slideshow based on moo.fx mooShow is a simple javascript/css slide show based on moo.fx the superlightweight javascript effects library, written with prototype.js. From Mad4milk, Rome. mooShowは、moo.fxライブラリを使った動くスライドショー作成用ライブラリ。 Flashを使ったみたく、かなりカッコいいスライドショーが作れるようです。 フォトアルバム用アプリなんかで、スライドショー機能を組み込む場合等に使えそうですね。 関連エントリ： Javascriptを多様したクールなWebアプリ:mOOflex
川o・-・）＜2nd life : はてなダイアリーのサイドバーをドラッグアンドドロップで移動
できるようにするブックマークレット作ってみたよ！使い方は簡単で、サイドバーを動かしてみたいはてなダイアリー(例 id:sample )上で下のソースをコピペしてアドレスバーに貼り付けると完了。一見なんにも起こってないようだけど、サイドバーをドラッグアンドドロップすると移動できちゃう！！ javascript:(function(){var%20s=document.createElement("script");s.charset="UTF-8";s.src="http://rails2u.com/tmp/javascript/hatena_sidebar/hatena_sidebar.js";document.body.appendChild(s);})(); はてダのサイドバーのクラス名が固定されてるからできる技だね。サイドバーレイアウト考えるときに使えたりするかも！はてダのデザイン設
Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="rollover"> <ul> <li id="food"><a href="#"><em>焼き肉</em></a></li> <li id="sneaker"><a href="#"><em>オニツカタイガー ファブレ74/0123</em></a></li> <li id="beer"><a href="#"><em>仕事の後のビール</em></a></li> <li id="coffee"><a href="#"><em>缶コーヒー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
