Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
JavaScriptでiPhoneのUIを実現した「iPhone Interface in JavaScript」:phpspot開発日誌
JavaScriptでiPhoneのUIを実現した「iPhone Interface in JavaScript」 2007年06月14日- iPhone Interface in JavaScript Use your mouse to drag the lists up and down, then try to flick them like you're supposed to on the iPhone. The back button on the phone is also enabled.JavaScriptでiPhoneのUIを実現した「iPhone Interface in JavaScript」。 YUI ライブラリ(JavaScript)とPHP、DiggAPIによって構成されているようです。 サイトの仕掛けとして設置しておくと利用者を驚かせることが出来て楽しそうで
超クール画像ギャラリーが作れるJavaScriptライブラリ:phpspot開発日誌
Galeria 超クール画像ギャラリーが作れるJavaScriptライブラリ。 次のような画像ギャラリーのサンプルライブラリが公開されています。 カーソルを合わせると画像が浮き上がり、クリックで拡大します。 Flashを使ったようなUIを実現でき、覚えておけばふとしたところで使える筈。
ブラウザ上で動作するJavaScript製マインドマップサービス「mind42.com」:phpspot開発日誌
mind42.com Well, in this case it stands for FOR TWO, which is the minimum required number of people to do something together.ブラウザ上で動作するJavaScript製マインドマップサービス「mind42.com」 次のようにマインドマップサービスをブラウザ上で実現したサービスで、アカウントを作成することで自由にマインドマップが作れます。 ノードにリンクを付けたり、アイコンを付与したり、色を設定することも出来ます。 マインドマップの共有なんかも出来るようで、一度使ってみてはいかがでしょうか？
WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳
今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。 あくまで私がくすぐられたもので、他の人がくすぐられるかどうかまでは保障できませんので、上記キーワードに興味の無い方は特にあらかじめご了承ください。 送信ボタンなどをちょっとセクシーにするCSS 送信ボタンなどをちょっとクールにかわいらしくする為の知識。 JavaScriptがいらないイメージマップの切り出しサンプル 画像にマップを埋め込んで華麗に表示する為の知識。 口で言うより、デモを見たほうが早い。 チェックボックスとラジオボタンをオシャ
一味違うMacOS Xのドック風UI実現JavaScriptライブラリ「iFishEye」:phpspot開発日誌
iFishEye - An open source (free) javascript tool for creating a fisheye lens effect iFishEye is an open source (free) javascript tool for creating a fisheye lens effect. 一味違うMacOS Xのドック風UI実現JavaScriptライブラリ「iFishEye」。 iFishEyeを使えば、次のように、背景を設定した上をドック風に動かすことも可能です。 次のように2段重ねたUIを実現することも可能のようです。 滑らかに動作してくれるので、触っていてなかなか心地よいですね。 関連エントリ 超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」
自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」:phpspot開発日誌
自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」 2007年06月07日- Du cde chez Xuan - Ressources / Javascript / Splash (image plein ・ran et diaporama) 自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」 画像をクリックするとそのウィンドウ内で画像を表示できるLightBoxで、スライドショーが可能なライブラリが公開されました。 右下にある、「次へ」「前へ」ボタンによって画像が送れるだけでなく、まんなかの「再生」ボタンで自動再生が可能です。 実装もLightBox同様に、必要なライブラリとCSSを読み込んだ後、アンカータグの rel 属性にグループ設定を書くだけです。 <!-- 必要ライブラリの読み込み --
youmos.com - このウェブサイトは販売用です！ - youmos リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
同一ページ内でポップアップウィンドウを開くJavascriptライブラリ:phpspot開発日誌
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら （Launch Google でGoogleが開きます） ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」:phpspot開発日誌
Toggler Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」。 Togglerを使えばマウスをクリックして上からドラッグするだけでチェックボックスの一括チェックが可能になります。 使い方も次のように簡単です。 var toggle = new Toggler('elementId'); toggle.start(); // start the toggler (enabled by default) toggle.stop(); // stop the toggler これは便利ですね。
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
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
Kazuhiro's Weblog: 「Timeline」 - スケジュール管理、年表作成だっておてのもの
MITの「Smile」プロジェクトが提供する「Timeline」ライブラリを利用して、スケジュール表や年表など(以下ではまとめて年表と呼ぶ)をつくる方法を紹介します。 「Smile」はJavaScriptで書かれています。 オープンソースなので、ソースコードを読んでAjaxの勉強もできそうです。 「Smile」を利用して、年表を作るために、以下の3つのファイルを 準備します。 (A)「sample.html」: 年表を表示するためのHTML形式のファイル (B)「sample.js」: 年表を出力するためのJavaScriptを記述したファイル (C)「sample.xml」: 年表に表示するイベントを記述したxml形式のファイル それぞれの、コードを以下に示します。 (A)「sample.html」 <html> <head> <title>smile timeline sample</
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE
http://youmos.com/news/javascript_greybox.html
TinyMCE 8 Documentation | TinyMCE Documentation
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
Prototype.jsを使った垂直文字スクロールウィジェット:phpspot開発日誌