IEでCtrl+Aで画像が青っぽくなるのをシミュレートする - 素人がプログラミングを勉強していたブログ
IE Ctrl+Aに置いた。 IE向けのトリック画像を、Macユーザなど、IEが使えない人でも見れるようにする。 やってることは単純で、画像の上に、透明と青を交互に描いたgif画像を用意して、指定された画像の上にdivのbackground-imageとして表示するだけ。 location.searchを自分で解析すると、CGIのように.html?url=fooみたいに指定できるようになる。簡単に貼り付けられるようになるので便利。 <html> <head> <title>IE Ctrl+A</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"></meta> <style type="text/css"> #layer { position: relative; } #overlay { bac
pngfix & rollover library sisso.jsを作成しました。 : tech.kayac.com - KAYAC engineers' blog
通販で自転車のスポーク買いました。agoです。 社内から「yuga.jsみたいに呼べば使えて、環境に依存しないpngfixとrolloverライブラリがほしい」とリクエストを受けたので作成してみました。 使い方はファイルをダウンロードし、以下のようにマークアップすれば完了です。 <img src="opacity.png" class="btn" /> <!-- mouseover時にopacity_o.pngを表示 --> <div class="bgpng" style="background-image:url(opacity.png); width:200px; height:200px"></div> <!-- 背景のpngfix（img,input[type="button"]は自動的にpngfixする） --> <div class="bgpng btn" style="ba
Firefox 3.1で採用される高速化技術 - Mozilla Flux
Firefox 3.1では、最新の高速化技術が惜しげもなく投入され、現行のFirefox 3.0.xから体感できるレベルでスピードアップが図られている。今回はその主要な技術を紹介する。 TraceMonkey TraceMonkeyは、FirefoxのJavaScriptエンジンであるSpiderMonkeyを拡張する技術で、Just-In-Time (JIT) コンパイラという機能によって、JavaScriptの実行速度を大幅にアップさせるものだ。最近では、GmailやGoogleマップのようなJavaScriptを多用するWebサービスが続々と登場しているため、この技術のもつ意義は大きい。コンテンツの表示が目に見えて速くなるのだから。 元になったのは、カリフォルニア大学アーバイン校（UC Irvine）で開発された"Trace Trees"という技術である。もともとMozillaでは、
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
2行でJavaScriptを高速化する方法 - rand's
id:amachangさんの 一行で IE の JavaScript を高速化する方法 - IT戦記 に対して、id:uupaaさんが http://d.hatena.ne.jp/uupaa/20081230/1230604575 でIE以外でも使える色々な方法を提案なさっています。でも、 「正直documentを_docに置き換えるの面倒＞＜」 そこで、たかがreplace(/document/g, '_doc')の手間を惜しむ皆様のために用意した、2行でJavaScriptを高速化する方法がこちら： script全体を(function(document){と})(document)で囲む これだね！ ベンチマーク uupaaさんの記事にあるB系のソースを使わせていただきました。 ブラウザ B0 B1 B2 B3 B4 B5 b6 IE 6 10281 4938 10844 4672
HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記
MozillaのJavaScriptドキュメントとECMA Scriptの言語仕様を、まとめてHTMLヘルプ(chm)形式にコンパイルしました。Windows用です。 (2008-05-27 追記) OS XならChemrがいいみたいです。(参考) http://cid-57544de2edadf883.skydrive.live.com/self.aspx/jsref/jsref.chm *1 以下のドキュメントが入っています。 Core JavaScript 1.5 リファレンス http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference Core JavaScript 1.5 ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide G
文字列外部化による JavaScript 高速化についての考察 - IT戦記
JavaScript において、文字列を外部化することで本当に高速化できるのかについて考察してみました。 まず、以下のコードを用いて IE 6.0 SP2, Opera 8.5, Firefox 1.5.0.1 でテストしてみます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ja" /> <titl
amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
2009-11-12 ナビ子記法について追記しました 本文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に
Mutation Event は、薬にも毒にもなるから気をつけて - latest log
jQuery1.3β みた(jQueryのコードをまじめに見たのは、これが初めてかも) 比較演算子(==)が厳密比較演算子(===)に jQuery の CSSセレクタが、Sizzle 0.9 になった。 以前の Sizzle に存在した“Firefox,Operaでクエリ結果をキャッシュする機能”が、Sizzle 0.9 からはカットされてる。 Sizzle 0.9 から キャッシュ機能 が消えたわけを想像してみる CSSセレクタの結果をキャッシュする方法の一つに、Mutation Event がある。 document.addEventListener("DOMSubtreeModified") ってやると、DOMツリーの全ての改変をフックしてくれる。 ちょっと前の Sizzle は、"DOMNodeInserted", "DOMNodeRemoved", "DOMAttrModifi
canvas って文字が出せないのね…。 - s-n-kのブログ
先日の続き せっかくグラフを書いてみたんだから軸ラベルを付けてみようと思ってリファレンスを探してたら、fillText とか strokeText っていういかにも「オイラが文字を出します！」的なメソッドを見つけた。 とりあえず試してみたけど全然文字が出ないんで、調べてみると対応してるブラウザ一個もないやん。 ここのブラウザ対応状況ってところをみて愕然とした…。 仕方が無いので、世の皆様はどうやってるのかなぁとGoogle先生に聞いてみたら「div要素を絶対座標で埋め込んで表示」してるっぽい*1 んで、無理やりサンプルを書いてみたのが以下のコード 果てしなくダサいコードになったなぁ。 <html> <head> <script type="text/javascript"> // ウィンドウが開いたら呼ばれるっぽい window.onload = function() {draw_samp
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
Answers and Questions » Blog Archive » Using SVG on the Web
If you are able to ignore Internet Explorer, all the other major browser can render SVG content. Recently, while writing previous posts and webapps, I discovered several quirks that may cause browsers to fail to render SVG content consistently. Including SVG inline in the document. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using SVG inline in an XHTML document</title> </head> <body
Paint : Microsoft Paint Online
Microsoft Paint is also known as MS Paint. It is a basic graphics drawing program that has been an indispensable part of all versions of the Microsoft Windows operating system. MSP provides easy ways for creating different types of graphics with different tools. The tools include brushes, shape generators, pens, and erasers. Many users of Windows might also be unaware of its presence, considering
ダンジョン生成 by JavaScript+CSS+HTML(version:0.1) - Junkieta.net
Wizardry風のワイヤーフレームダンジョンをJavaScript + CSS + HTMLで作ってみた。現状では、ランダム迷路生成と移動処理のみ実装。 ワイヤーフレーム風ダンジョン Windows XP / Mozilla Firefox3, Internet Explorer7.0, Safari3.1にて動作確認。Opera9.6だとスクリプトは正常に動作するが、表示がバグる。原因調査はあきらめた。教えてエロい人。 ソース ダンジョン生成のJavaScript ダンジョン用CSS 備考 矢印キーは、ダンジョン歩行用に使うため、デフォルトイベント(スクロールとか)をカット中。 文字サイズを変更すれば、ダンジョンの大きさも変動する(IEは表示おかしい)。 CSSわかる人なら、border-colorの調節で壁・床・天井の色とか簡単に変えられる。 更新履歴 文書の描画とダンジョンの描画を
Web Development Bookmarklets
These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.)
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
HTML/CSS:開発者のFirefox 3 - builder by ZDNet Japan
Firefox 3.1のWeb Workersでマルチスレッド・プログラミング Firefox 3.1に追加される新機能「Web Workers」を利用すれば、JavaScriptでも複数の処理を同時に実行することができるようになる。今回は、そのWeb Workersを使用する簡単な例を紹介する。 2009-01-15 17:00:00 Firefox 3.1の新機能: Web Workersの派生スレッドでできること 前回はFirefox 3.1で追加される新機能「Web Workers」におけるWorkerオブジェクトの使用方法を紹介した。今回は、Workerスレッド側の処理について解説する。 2009-01-14 17:00:00
Ext.useShims - IT戦記
EXTJS の Ext.useShims についてのメモ select 要素 や flash が z-index 無視して飛び出すを押さえるためにレイヤーの下に iframe を挟む手法を on にするか off にするかのプロパティ。 Shim EXT JS では、この iframe のレイヤーを Shim というみたい。あっちこっちに shim って言葉が出てくる。
Ex DOM Storage の話を Yokohama.pm でしてきました - 日向夏特殊応援部隊
すっかり忘れかけてたけど資料の方、SlideShare にて公開します。 Introduction DOM Storage and Ex DOM Storage まとめエントリとかは Yokohama.pm テクニカルトーク #3 に参加中 - 北海道苫小牧市出身の初老PGが書くブログ が秀逸なのでそちらをご覧下さい。 id:Yappo も言ってたけど Shibuya.pm とはまた違う空気感があるし、newvie な人の発表も聞けて中々楽しい日でした。 今後も続けて行きたいなぁと思います。 改めてリーダーの id:clouder さんに感謝。 またいつもの運営メンバー(!?)の、id:tomyhero さんや id:ikasam_a さん、そして id:daiba さんに感謝します。 スピーカーの皆さんや参加して下さった皆さんもまた是非ご参加下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsregex