These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
ここが大変だよJavaScriptフレームワーク入門
そもそも「フレームワーク」って何だ？ Webサイト制作に限らずソフトウェア開発の現場では、日々「フレームワーク」という単語をよく耳にします。最近では「ビジネスフレームワーク」「フレームワーク思考」など、Webサイト制作／ソフトウェア開発の枠内にだけ留まらない多様なフレームワークが存在しています。 では、この「フレームワーク」とは具体的にどのようなものを指しているのでしょうか。 「フレームワーク」の一般的な概念 フレームワークを一般的な用語で置き換えてると、「枠組み」「骨組み」となります。つまり、全体（最終的に出来上がるもの）における大枠を成しているものであるといえます。 ここでいう「大枠」とは、全体を構成する各の部品に共通して決められているルールであったり、その部品を作るための手順・作法のことを指しています。また、「何かを作る際の第一歩となる“とっかかり”を提供してくれるものである」という
2009-10-27
って言われて、あらためて見てみると、確かにわざわざprototype.jsに依存するほどのことはないなと思ったのでちょっと修正。単体で動作するようになったはず。 http://github.com/technohippy/ProtoCommand/ <html> <head> <script src="http://github.com/technohippy/ProtoCommand/raw/master/src/protocommand.js"></script> <script> (function() { var konami = new ProtoCommand('up up down down left right left right b a'); konami.action = function() {document.body.style.backgroundColor
Prototype、IE8とGoogle Chromeに対応 | エンタープライズ | マイコミジャーナル
Prototype JavaScript Framework Prototypeの最新版となるPrototype 1.6.1が公開された。PrototypeはJavaScriptで開発されたWebアプリケーションフレームワーク。古くからあるフレームワークのひとつで、高い人気がある。1.6.1はマイナーバージョンアップにあたるが、いくつか注目すべき新機能の追加が実施されている。新機能は次のとおり。 IE8およびGoogle Chrome 1.0以上の最新ブラウザのサポート JavaScriptのキー/値ペアをDOM要素に対応づけるエレメントメタデータストレージの実現 IEの"mouseenter"および"mouseleave"イベントをすべてのブラウザでサポート もっとも使われる機能である関数#bind、文字列#escapeHTML、要素#downメソッドの高速化とクリーンアップ 依存関係管
Ajax | PHP & JavaScript Room
カスタマイズ性抜群の上級者向けタブブラウザ「Lunascape」 動作の重いFirefoxや、セキュリティホールの多いIEから乗り換えるなら・・・ 高機能かつ拡張性に富んだ『Lunascape』（ルナスケープ）がオススメです。 このブラウザは、驚くほど “ 動作が軽い ” のが魅力！ Firefoxみたいにメモリを食いません（笑） IEのツールバープラグイン、Firefox、Netscapeの一部のプラグインに対応しているので、今まで使っていたプラグインごと乗り換えられます。 IEのお気に入りもブラウザのサイドバーに簡単に組み込めます。 また、RSSリーダー付ブラウザなので、RSSリーダーを使わずにブラウザ上でRSSの購読や管理ができます。 Firefox同様、ダブルエンジン搭載で、IE⇔Geckoの切替ができます。 しかもエンジンを切替えてもIEツールバーやマウス
[JS]デザインのカスタマイズも可能なGlow Boxのスクリプト -Growler | コリス
kevinandreから、デザインや表示のスピード・時間などのカスタマイズが可能なGlow Boxのスクリプトを紹介します。 Growler オプションでは、ボックスの表示・消去のスピード、表示時間、クローズボタンの有無などのカスタマイズが可能です。 デモでは、下記のようにさまざまなタイプのボックスがあります。
JavaScript Library Overview
The document discusses JavaScript libraries and compares several popular options. It covers the core functionality that libraries should provide, including DOM manipulation, events, AJAX, and animations. It also discusses user interface widgets and components commonly included in libraries. Popular open source libraries like Prototype, jQuery, Yahoo UI, Dojo, and Mootools are described and compare
タブで写真切り替え
Innovative Tools for Web Publishing JavaScript + Ruby + PHP + Interaction Design Hi! My name is Ryan Johnson. I develop web applications for businesses in the Puget Sound area, and maintain a number of open source projects. I invite you to explore some of the links below: LivePipe™ Blog Control Suite : High Quality Controls and Widgets for Prototype Object.Event : An Event Model for JavaScript Obj
Google、SSL版jQuery、Prototype、MooTools、Dojo高速配布実現 | エンタープライズ | マイコミジャーナル
The AJAX Libraries API Googleは5月27日(米国時間)、Ajaxライブラリの配布サービスThe AJAX Libraries APIを開始すると発表した。これはGoogleのサイトでjQuery、Prototype、script.aculo.us、MooTools、Dojoなどのライブラリを配布するサービス。ミニファイされたライブラリをGoogle CDNを使って高速に配信するというもので、バージョン指定にワイルドカードも使えることから自動的にバージョンアップの適用もできるという特徴もある。 The AJAX Libraries APIの登場は多くのWebアプリケーションデベロッパに好意的に受け止められたが、ほかのGoogleサービスのいくつかがそうであるようにHTTPSを使った通信に対応していないところが非難されてきた。電子商取引サイトなどではThe AJAX
★[JS]省スペースにも最適なアコーディオンのスクリプト集 | コリス
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
高機能・高性能なツールチップのスクリプト -Prototip 2
以前紹介した、カスタマイズが可能な多機能なツールチップのスクリプト「Prototip」の最新版、Prototip 2がリリースしました。 Prototip 2 ツールチップは、シンプルな矩形のもの、スタイルを使用したもの、角丸なもの、ボタン付きのものなど様々な外観をそろえており、表示する際のトリガー、表示のアニメーション、AJAX対応などさまざまな機能も備えています。 対応ブラウザは、IE6+, Fx2+, Op9.25, Safari2+となっています。 設置には、Prototypeのプラグインのため、prototype.jsが必要です。 Prototip 2は有償のスクリプトで、ドメイン1つで、非商用：$3、商用：$49となっています。
JavaScriptをこれから勉強しようと思っている人へ(jQueryよりprototype.jsを薦める理由) - os0x.blog
JavaScriptは手軽で、実用的なプログラミング言語 どのくらい手軽かといえばJavaScriptを始めるのに(HTMLとCSSは出来た方が良いけど)予備知識はほとんど必要なくて、ブラウザとエディタさえあればすぐにJavaScriptを動かすことができる(FirefoxにFirebugを入れればコンソールでその場実行できるのでエディタも(リロードも)不要)。 その上実用性も十分で、最近のウェブサービスのバックエンドはPerlやPHP、JavaにRuby、Pythonなどなど様々だけど、フロントエンドは必ずといっていいほどJavaScriptが使われている(FlashもあるけどフルFlashサイトでない限りJavaScriptも使われているし、そもそもFlashを表示するのにJavaScriptが使われていたり)。とにかくJavaScriptが必要とされる場面はすごく多い。 と、こんな理
รวมแหล่งท่องเที่ยวสถานที่น่าไปที่สุดในแต่ละจังหวัดของไทย
Prototype-ui แนะนำสถานที่เที่ยวจากทั่วโลกรวบรวมมาไว้เพื่อเป็นข้อมูลอีกทั้งยังเก็บภาพบรรยากาศดีๆ มาให้เป็นตัวเลือกในการตัดสินใจถ้าจะหาสถานที่เที่ยวสักที่ ซึ่งเราได้ไปทำการรีวิว และรวบรวมข้อมูลต่างๆไว้ให้แล้ว เช่น ที่เที่ยวกับการเดินทาง บรรยากาศ... SEE MORE Read More TOURISM FORMATS ความสนุกของการท่องเที่ยว ซึ่งก็แบบออกเป็นการท่อวงเที่ยวหลายๆรูปแบบทั้งทางน้ำทางบก และทางอากาศได้ดังต่อ่ไปนี้
Javascript/Ajaxのチートシート集:phpspot開発日誌
Javascript/Ajax cheat sheets >> Scott Klarr Javascript/Ajaxのチートシート集。 JavaScript言語に関するチートシート、そして、jQuery、Prototype、YUI、Scriptacuolous等のライブラリ用チートシートも。 よく使うものは印刷して貼っておきたいですね。 関連エントリ Prototype.js 1.6.0 用チートシート
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ
ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。 応用としては、広告バナーのクリックについてアイトラッキング（目の動きを追う）の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。 実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた
ページ内に様々なwindowを表示するControl.Modal
ページ内に様々なwindowを表示するControl.Modal Control.ModalはLightBoxのようなウィンドウをページ内に表示するJavaScriptライブラリになります。 表示させる形態、表示できる内容が非常に豊富です。 設置方法 head要素内などでprototype.jsとcontrol.modal.jsを読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="control.modal.js"></script> 準備はこれで終了です。 表示形式ごとに解説していきます。 Relative Modal ブロックレベル要素の内容を表示し、それ以外の箇所をグレイアウトします。 サンプル スタイルシートに以下のコードを追加
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://protoscript.com/
http://www.designwalker.com/2009/03/form-design-2.html
