QUnitを使ったイベント起動処理のテスト方法について書く。 jQueryを使うことを前提とする。 1. 今回のテスト対象 簡単な例として、「四角形をクリックすると動く」だけのコードをテスト対象とする。 /* boxをクリックすると動く */ var mvb = {}; // namespace /* 定数 */ mvb.con = { rootid: 'root', // rootdivのid boxid: 'box1', // boxのid boxtop: 20, // boxのcss top boxleft: 20, // boxのcss left初期値 boxmvlen: 200, // boxの移動距離(px) boxclsnm: 'boxdiv', // boxのcss classname bgcol: 'rgb(51,153,255)' // boxの背景色 }; /* bo

This Website is a memo pad for recording diverse knowledge and everyday events. his Website is a memo pad for recording diverse knowledge and everyday events. his Website is a memo pad for recording diverse knowledge and everyday events. his Website is a memo pad for recording diverse knowledge and everyday events.

ホームページ制作のデザインや、アクセス解析を含めたSEO対策、ECサイトと言われるオンラインショッピング、ブログや日記などのCMS、そして携帯コンテンツからデータベースまで、機能したデザインを提供するホームページ会社です。

jQuery/サンプルコード/submit（送信）ボタンの2度押しを禁止 は有効な WikiName ではありません。 ツールボックス 新しく作成 新しくページを作成 編集 このページを編集 凍結 このページを凍結 変更点 このページの最終更新箇所を表示 更新履歴 このページの更新履歴とバックアップを表示 アップロード このページにファイルを添付 ヘルプ Wiki および書き方のルールについて

Index of Semooh jQuery Sample Site 画像 1.画像を切り替える（フェード） 2.画像を切り替える（フェード2） 3.画像を切り替える（サイズ、フェード） 4.画像を切り替える（スライド） 5.画像を切り替える（奥行き） 6.画像を切り替える（サイコロ） 7.画像を切り替える（シャッター） 8.画像を切り替える（カルーセル） 9.画像を切り替える（色々） 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文

ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js サンプルを見る (IE6では確認できません jQueryを使うとかなり簡単にページ内スクロールが実装できるのですが、さらにjQuery Easingプラグインと合わせるとなかなか面白い動きができたりします。 というわけで誰でも簡単に導入できるようにプラグインにしました。以前にslideScroll.js(jQueryプラグイン版）というページ内スクロールの記事を書きましたが、悲しいことに断然こちらのほうがおすすめです。動きが滑らか…そして自分の好きな動きから選べます。 今回はソースの解説もしてるので、興味のある人は見てみてください。 ページ内スクロールプラグインなのに、7KBもあるのはEasingプラグインの容量が5KBだから…これを機に他のアニメーション部分でも

みずほ銀行：システム障害に関するお知らせおよびお問い合わせ先 http://www.mizuhobank.co.jp/oshirase.html 中段の「システム障害特別調査委員会の調査報告書について」のリンク 直リンクはこれ（5/20掲載） 前半しばらく「グダグダ鬱陶しい能書き」が続きますが9ページ目の「3. 本障害発生以前のシステム障害及び対応状況」あたりからギアが入って、11ページ目の「4. 本障害の発生事実」からトップギアというかちょっとしたヘル絵図であります。 ……ああ、その前にここを引用しておこうかな、4-5ページの「2. システムの概況」内「(3) 次期システムの概要」箇所。 (3) 次期システムの概要 次期システムについて、ビジネス環境の急激な変化に対応すべく、肥大化・複雑化した現行システムを新たなシステムとして再構築するために、2004 年から MHFG を中心に検討

最近、主力商品？であるところの「日本文学100選」ブログパーツのダウンロード数が落ちてるなあと思ってたら、どうやらIEで表示が乱れていたみたいです（タイトル文字がセンタリングされずに左に寄ってた）。 で、IEの問題については直したのですが、いつのまにやらOperaで表示されなくなっていて…そっちは未解決です。すみません。 で、今さらになりますが「日本文学100選」本棚の埋め込みコードは以下の通り。 横幅は下のコードで bs_width の値(初期設定は170)を好きな長さに変えてください（上の表示例は440にしてます）。 <script type='text/javascript'>bs_width=170;user_id='ds100';</script><script type='text/javascript' src='http://gomyway.dip.jp/bungou/js

赤マーカーの形は予定開始までの時間によって5段階で変化していきます。マーカーが太くなるほど予定の開始時刻が近づいている、ということを意味します。 ただし、日をまたぐ予定や終日の予定は文字盤上には表示されません。後述するリストには表示されるので別途確認する必要があります。 左：画面をタップすると左上に設定ボタン、右上に予定の追加ボタンが表示されます。 右：設定では表示するカレンダーを選んだり、時計の見た目を変えることができます。 画面を上にフリックするとカレンダーに登録されている予定がリストで表示されます。 または文字盤のマーカーをタップすると、該当する予定の横にチェックマークを入れてリストとして表示してくれます。 予定をタップすると… 標準のカレンダーアプリのような予定の編集画面が現れます。 予定を追加する際も同じ画面から行います。 文字盤だけが表示されていた画面を下にフリックするとカウン

大量のWeb制作者向けの情報から本当に必要な情報だけを集めてお送りするまとめサイト。… いよいよ、Media Queriesを実装します。 まずは、Media Queriesをサポートしていないブラウザ(IE8以前)のために、JavaScirptファイル「css3-mediaqueries.js」を加え、利用できるようにします。 … 続きを読む

iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス

ざらっとした繊細なグランジ風のテクスチャを作成できるPhotoshopのブラシ素材を紹介します。 ブラシ素材は現在Set 3までリリースされており、トータル100種類以上となっています。