Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors. All numbers are rounded to the nearest integer. Clicking on a square in the "waterfall" display will fill in the appropriate value for w
Home Introduction 01. Creativity 02. CSS techniques and examples 02 a. CSS tecnhiques 02 b. Tabs & Navigation Menus 02 c. CSS- & HTML-Web-Tools 02 d. CSS/HTML-Specifications 02 e. Other useful Web-Tools 03. Web design 03 a. Written & unwritten rules 03 b. Color Tools, Mixers etc. 03 c. Web Design magazines 03 d. Royalty free photos 04. Ajax Applications 05. Usability 06. Blogging Tools 07. Freelan
Most people find it to be tricky when they try to establish an online magazine. Even those with sufficient knowledge on this matter still keep on refreshing their skills with […] Do you want to know how to create an online magazine that nobody can take their eyes off? I got the answer for you. Yumpu Publishing gives you publishing software […] It is empowering to challenge your students to come up
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記:機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 0.動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 1.ファイルのダウンロード 動作に必要なファイル(スクリプト・スタイルシート・画像)をダウンロードします。 まず下記の
なんか、この前書いてたやつが文字制限で書ききれなかったので三部構成にしてみました。 これが第一部。 第二部:http://d.hatena.ne.jp/amachang/20051124/1132584232 第三部:http://d.hatena.ne.jp/amachang/20051125/1132584378 注:引数に要素の id 属性値を指定する関数及びコンストラクタは要素オブジェクトそのものを入れても同じ動作です。 汎用関数 $ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="ja"><head><title>Test</title><script type="text/javascript" src="prototype
以下のスクリプトを他のすべてのスクリプトよりも前に読み込む。 var nativeSetInterval = window.setInterval; _setInterval = {}; window.setInterval = function(process, delay) { var entry; if(typeof process == 'string') { entry = new _setInterval.Entry(function(){eval(process);}, delay); } else if(typeof process == 'function') { entry = new _setInterval.Entry(process, delay); } else { throw Error('第一引数が不正です。'); } var id = _setInterv
このコードを Script.aculo.us を読み込んだ後に読み込む。 // Script.aculo.us 拡張 Object.extend(Autocompleter.Base.prototype, { // for Opera ___pressReturn : false, // for Opera & Japanese // もとのコンストラクタを退避させる ___grandBaseInitialize: Autocompleter.Base.prototype.baseInitialize, // for Opera & Japanese baseInitialize: function() { // もとのコンストラクタを呼び出す this.___grandBaseInitialize.apply(this, $A(arguments)); // for Japanese /
$A $A という関数を使うと、Array もどきオブジェクト(NodeList や Arguments など)を Array オブジェクト化することができる。便利だが、この関数を Enumerable インタフェースを実装するために使用するのは、あきらかにおかしい。 そこで、以下のようなものを定義してみる。 var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };これを、 $A(〜).each とかしてるところに使う。 $E(〜).each こうする。 $E の実行速度は $A の 7 〜 4 倍です。 with(Element) effects.js の w
まぁ、かなり知られてる話ですが JavaScript は .(ドット) の計算がかなり遅い。まぁ、簡単なスクリプトなら問題にならないが。web2.0的には大違いなのであります。ちなみに、.(ドット) の計算に比較演算の 3 倍のコストがかかる(IEはとくに)。 ということで、for 文は下のように(比較に .(ドット) を使わない)書くくせをつけましょう。地道な差が大きなパフォーマンスを生みます。 // for 文 2.0 for(var i = 0, len = array.length; i < len; i++) { .... }各種ライブラリの for 文 1.0 を for 文 2.0 化するだけで、CPU 使用率がけっこう下がりました。 予断ですが、間違っても .(ドット) を避けるために with 文を使うようなことはやめてください。 with 文のコストは 比較演算の 8
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
分散ペアプロ(Remote Pair Programming)は可能か?~JUnit の開発はSkype/VNCで リモートでのペアプロは可能だろうか?YES。 実はJUDEの開発は、日本と中国での分散開発だ。ただし、完璧なペアプロではない。共通言語がお互い片言の英語、という状況であり、電話を使うのは返ってストレスになる。実際にはメッセンジャーを常時立ち上げて会話している。表示名を「名前(現在のタスク名)」とするなど、工夫をしてコミュニケーション効率を高めている。 最近のXP本家メーリングリストに、Kent Beck が投稿していた。 JUnit の開発は、コードの50%がペア。実際リモートペアプロなんだ。VNCとSkypeを使っている。 なるほど。Skype/VNCが使えるようになって、リモートペアプロの手段も現実的になってきたのだなぁ。 ちょっと、話題がずれるが、ペアプロの効用にはいろ
"We're at the end of the personal-computing era. We're at the beginning of something profoundly different." Ask most people what software they use, and you're not likely to hear Linux. Yet many of the most popular web sites are based on Linux and other open-source tools. Tim says the operating system no longer matters--no more than the browser or the CPU matters. Applications now live above the le
前回ではアプリケーション本体を作成し、取りあえずGoogleイメージ検索を利用する画像検索アプリケーション(WebImageSearch)を完成させました。本連載の最終回となる今回ではこれを少し拡張し、Google以外でも画像検索が行えるようにしていきます。 このWebImageSearchは、ある検索キーワードからイメージされる画像を手軽に検索して一覧することが目的です。つまり「グウィネス」と検索して、彼女のいろいろな画像を見られればよいわけです。 そういった意味では、Googleイメージ検索以外にもインターネット上にはいくつかの画像検索サイトが存在します。例えばAmazonでは、キーワードを入力すれば、それに関連するDVDや書籍を検索でき、DVDのパッケージや書籍の表紙の画像を表示してくれます。また、Yahoo!オークションでは、たいていの商品が画像付きで出品されており、キーワードによ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く