think49 @think49 @azu_re new Image() の特徴。width, height を引数に取れます。HTMLImageElement を必ず返します。new Image() は常にグローバル参照になるので低速です。http://goo.gl/R2EN 2010-10-01 00:40:07 think49 @think49 @azu_re createElement の特徴。名前空間を指定できません。名前空間の存在しないXHTML文書(Documentのインスタンス)で createElement('img') すると Element を返します。 2010-10-01 00:40:24 think49 @think49 @azu_re document がローカル変数に格納されているなら、createElement は高速です。個人的には HTMLDocume

（※このエントリーは、「Androidのブラウザは本当のクソAdvent Calendar」の一日目の記事として書いています） 12/2に発売予定のGalaxy Nexusにも搭載される予定のAndroid4.0ですが、なんと標準ブラウザにHTML5 history APIが「実装されていません」。 2.2系、2.3系にはあったのに、なぜかなくなっています。 http://caniuse.com/#search=pushState ここに書いてある通り、実際にAndroid4.0のemulatorでHistory APIが「ない」ことが確認されています。4.0はスマートフォン向けの2系とタブレット向けの3系の合流、という立ち位置らしいですが、ブラウザに関してはHistory APIのない3系に寄ってしまっているのでしょうか…。 「お前の好きなAPIがなくなったくらいで騒ぐなよ」という人もい

前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス　林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

ほわっとした光が降ってきてきれーい！ ネオンの光みたいな。 Fullスクリーンがきれいなのでおすすめです。 ※ネット上のあちらこちらのサンプルをつなぎあわせただけです。 // Canvasを特定要素の大きさに変更 function sizing() { $("#canv").attr({ height: $("#wrapper").height() }); $("#canv").attr({ width: $("#wrapper").width() }); } // ウィンドウのリサイズ時に、Canvasサイズも変更 $(window).resize(function() { sizing(); }); // 最小値～最大値の間でランダムな数値を返す // 最小値を省くと1～最大値の間でランダムな数値を返す function randomNum(maxInt, minInt) { var

Safari で Event.MOUSE_LEAVE が使えません。 ということは、マウスがステージを外れたことを検知できません。 drag操作を必要とする時すこぶる都合が悪い。 target.addEventListener(MouseEvent.MOUSE_DOWN, onDown); function onDown (e:MouseEvent):void { target.removeEventListener(MouseEvent.MOUSE_DOWN, onDown); stage.addEventListener(Event.MOUSE_LEAVE, onLeave); stage.addEventListener(MouseEvent.MOUSE_UP, onUp); // start drag } function onLeave (e:Event):void { // l

会社のPCの壁紙テーマを猫に変えたら、たまーに仕事中ニヤニヤするようになりました。hakoishiです。 怪しい者じゃないです。 さて、今回はExcelとDreamweaverの合わせ技でちょっと楽してコーディングする方法をまとめました。 Excelで整形してDreamweaverにコピペして調整、という流れです。 どういう時に便利？ 大きく分けて2つあります。 【パターン1】セル数が多いテーブルを大掛かりに改修する場合 ⇒例：製品のスペック表、スクールの講座一覧など 【パターン2】連番のリンク先や画像名を含み、繰り返しの多いソースの編集 ⇒例：一覧リストなど エクセルはテーブル（特に縦方向）や、連番の付与といった類の編集に強く、そして軽い。（Dreamweaverのテーブル編集、もたつきますよね。。） 全てをDreamweaverで完結させようとせず、Excelを経由する手もあると覚えて

twitter facebook hatena google pocket サイト訪問から一定時間までをカウントダウン出来るjQuery Countrです。 これを用いると、制限時間を設けて何かをさせたりできそうです。 sponsors 使用方法 jQuery Countrからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="countr.js"></script> <script> $(function() { $('#id名').countr({ hours : 0, //時間 minutes : 0, //分 seconds : 30, //秒 toOpacity : 0.5, //透過 colorA

概要 「トップに戻る」ボタンが、画面をスクロールすると表示されるようになります。 ダウンロード jQuery.gpTop-1.0.zip [57KB] 基本的な使い方 .gpTop()を実行すると、画面のスクロールを監視し、1画面分以上スクロールされていたら表示、そうでなければ非表示にします。 デモ デモ1 : 基本的なもの Demo 1 画面をスクロールすると、右下に「トップに戻る」ボタンが表示されます。 リファレンス .gpTop([settings]) settings … {Object} 設定。以下のキーと値を持てる: duration… {Number} 表示、非表示のフェード時間。初期値は200。 hide($el, duration) … {Function} 表示する関数。 show($el, duration) … {Function} 表示する関数。 その他 ライセン

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい