The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close... 続きを読む
企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。 エクセルで作成したグラフを貼り付けたりするのも可能ですが…。 今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフや... 続きを読む
全てでLPO対策になればいい。Webの「操作感」を向上させるAjax,Flash,Javascript,UIのサンプル設置フェード効果で強調するコンテンツテキストや画像などいわゆるコンテンツをフェード効果で印象的に見せることができ...シンプルなスライドショーシンプルなフェ... 続きを読む
2009/10/12 大阪府内の図書館に対応しました。(Greasemonkey のみ。GreaseKit 版は東京都内の図書館のみ対応。今後も対応範囲を拡げる予定はありません。) 続きを読む
使い勝手抜群のクール系アイコンイラスト素材。アイコンだけの用途に限らず、ちょっとした挿絵的な使い方にも 続きを読む
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library... 続きを読む
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプル... 続きを読む
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用... 続きを読む
Flexigrid 手軽に使えるExcel風グリッドUI「Flexigrid for jQuery」。 カラムのソート、ページング、項目のフィルタリングが可能なグリッドUI。 jQueryベースで、18KBで使えます。 単純なグリッドUI ソート機能やページング機能を搭載したグリッド jQuery... 続きを読む
[JS]便利なユーザーインターフェイスライブラリjQuery UI 1.5&jQuery Enchant 1.0がリリース jQueryから、jQuery1.2.3とjQuery UI 1.5、jQuery Enchant 1.0が、2008年2月8日にリリースされました。 ダウンロードは、下記ページから行えます。 jQuery 1.2.3: AIR... 続きを読む
JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20 | | | | | | 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広... 続きを読む
JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しましたが、今回は、Yahoo! UI Library の中から、「TabView」 を使用してちょっとしたインターフェースを作ってみました。 実は... 続きを読む
今回はYahoo! UI LibraryのUIの1つであるタブ機能について説明します。このタブ機能はHTMLタグに特定のクラスを設定しスクリプトを1行呼び出すだけでUIを作成できます。タブを使って、Webサイトの表示内容を複数に区分したい場合などには最適なライブラリとなる... 続きを読む
jQuery is a new kind of JavaScript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the... 続きを読む
TextArea Resizer This project allows the user to extend the textarea element/area within the web page whenever they f... 続きを読む
2 Responses to “Lightboxスクリプトいろいろ” WD style Says: May 12th, 2008 at 9:48 pm lightbox… ちまたで流行のlightbox。 そういう私も結構お世話になっているのですが、古いサイトをリニューアルするときに使おうと思っても、htmlの<!DOCTYPE> - ド... 続きを読む
ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう! これを見てから3日間。 ブログもあまりかけずこればっかり... 続きを読む
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実は... 続きを読む
AjaxPatterns.org began as a collection of design patterns, which formed the basis of the book, Ajax Design Patterns, and grew into a publicly editable wiki on anything and everything Ajax. All pages (except this homepage) are now editable, no... 続きを読む