ryanfait.comのエントリーから、ラジオボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements デモ 実装方法は、JSとCSSを外部ファイルにし、フォームの各エレメントには「class="styled"」を記述します。 画像のパスはCSSファイル、サイズはJSファイルで変更できます。

<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid

Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している

Creating an Ajax contact form - from start to finish Posted on Friday, June 20th, 2008 In this tutorial I’ll be showing you how to create an Ajax contact form from start to finish. This includes the form HTML/CSS, the JavaScript and the PHP backend. Obviously the form needs to work when JavaScript is disabled so we’ll have to create a functional PHP solution first, and then enhance it with AJAX.

10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン

Ihre Werbeagentur in Weiden und der Oberpfalz für Webdesign, Online Marketing, Social Media Marketing Ihre Werbeagentur in Weiden für Webdesign, Online Marketing & Social Media MARKETING auf zur neuen artViper Webseite »

Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細

Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

Matthew Millerのエントリーから、ソフトウェアのシリアルナンバー入力時のように、入力に合わせて、自動で次の入力欄に移動するスクリプトを紹介します。 Autotab: jQuery auto-tabbing and filter plugin Autotabは文字数に合わせて入力欄を移動するだけではなく、入力する文字の種類の制限（数字のみ、英語のみなど）や小文字を大文字に変換するなどを指定することもできます。 AutotabはjQueryのプラグインのため、動作にはjquery.jsが必要です。

Techie Buzzのエントリーから、スクリプトで実装するパネルを切替可能なタブ型コンテンツを紹介します。 7 Tools to Add Tabs To Your Website Content

Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

sessvars.jsは、ブラウザのクッキーを使用しないで、セッションデータを利用できるスクリプトです。 Session variables without cookies デモ sessvars.jsを使用することにより、クッキーをオフにしていたり、使用が禁止されている環境でもセッションデータを利用することができます。 ※スクリプトをオフの場合には利用できません。 格納できるデータの上限は、Opera9.5で2MB、IE7, Fx1.5/2, Safari3で10MBとなっています。 サイトに記載してある使用上の注意は、以下になります。 sessvars.jsは、JavaScriptのwindow.nameにデータを格納します。 これはクロスドメインのセキュリティ問題があるため、パスワードやクレジットカード番号などの重要な情報には利用しないでください。 しかし、ヘッダ情報でサーバーには送

leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB）のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5

Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

jQuery virtual tourは、パノラマ画像をスクロールさせ、指定箇所を拡大表示するバーチャルツアーを実装できるスクリプトです。 jQuery virtual tour デモ 拡大表示にはThick Boxを利用しており、MAP要素を使用します。 また、拡大表示の無い、パノラマ画像をスクロールさせるだけのjQuery simple panorama viewerも公開しています。 jQuery virtual tourはjQueryのプラグインのため、jquery.jsが必要です。