「Firefoxの灯（ともしび）」技術の全貌 ～ ウェブの最新技術が魅せる「Firefoxの灯」（1）
はじめに 『Firefoxの灯（ともしび）』は、Firefoxのダウンロード状況をほぼリアルタイムに視覚化するWebアプリケーションです。従来、文字情報でしかなかったアクセス情報を視覚化することにより、文字情報だけでは伝えることが難しかった臨場感や雰囲気を感じること ― 「感じるダウンロード」をテーマに制作しています。 Firefoxの灯は、2007年のMozilla 24で初めて公開されました。Mozilla 24とは、世界規模で展開するMozillaの活動とその永続性を表したイベントで、24時間ノンストップでMozillaに関連するさまざまなプログラムが行われており、そのプログラムの1つとしてFirefoxの灯を提案しました。この時は、Mozilla 24の特設サイトを閲覧している人々のアクセスから大まかな閲覧場所を取得し、世界地図上の該当地点に灯を表示して、アクセス状況を視覚化しまし
Facebookソーシャルプラグインのロード時間を短縮する
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。 パフォーマンスの最適化には、次の2つのベストプラクティスがあります。 １．channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
Mac環境でのYUI Compressorの設定覚書 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） YUI CompressorにはJavaScriptファイル等の圧縮等に大変お世話になっていますが、 今回のお話はMac一年生のわたくしがYUI Compressorを手軽に使う設定をしてみた覚え書き。 ついでに言うと、次回の記事にちょっと話が続きます。 とりあえずインストール とりあえずYUI Compressorをインストール というか、ダウンロードして好きなところに保存しましょう。 ダウンロードはこちらから。 YUI Library :: Downloads MacOSならばJavaははじめから入っているのですぐに使えます。 そんなわけで、早速テスト。 java -jar /the/path/to/yuicompressor/build/yuicompressor-2.4.6.jar foo.js > foo.min.js
Tiled
Another small bugfix release for Tiled 1.11! Upgrading is recommended since it fixes the most common crashes reported through Sentry. It also ships with an updated plugin for exporting to GameMaker. Apart from fixing a number of issues in Tiled 1.11, this release adds support for loading Aseprite images, brings a few scripting API additions as well as a small AutoMapping improvement.
JavaScriptでリアルタイムに音を鳴らす方法を3つほど - つまみ食う
最近、JavaScriptで動くMMLシーケンサーを作っています。 pico http://pico-project.appspot.com/mml/ SiONのMMLをパク参考にしているので、MMLTalks(http://mmltalks.appspot.com/)あたりのMMLをコピペすると、それなりに鳴ってくれる場合があります。思い通りになっていない部分がかなり多いですが、、 このあたりのMMLは結構聴ける(適宜コピペしてお試しください) http://mmltalks.appspot.com/m/RaKRP http://mmltalks.appspot.com/m/DIZpo http://mmltalks.appspot.com/m/jVIoz (FM音源が惜しい) で、 で、表題の件ですがJavaScriptでリアルタイムに音を鳴らすには以下の3つの方法があります。 Aud
JavaScriptを学ぶために役立つ本 85選 - MOL
前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript！ O’ReillyさんからJavaScriptを学ぶうえで役立つ本をまとめた電子書籍（JavaScript Bibliography）が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJS本いっぱいですね（気づいてないのもありそう…）。原書の方はKindle版も売ってますので、円高のアレもあるのでYOU買っちゃったらいいんじゃないの！ JavaScript Bibliography - O’Reilly Media Beginning JavaScript
Sugar - A Javascript utility library for working with native objects.
Sugar is a Javascript utility library for working with native objects. It lets you do stuff like this:
スマートフォン対策。HTML5+JavaScriptでQRコードを動的に生成·JS HTML5 QRCode Generator MOONGIFT
JS HTML5 QRCode GeneratorはCanvasタグを使ってQRコードを生成するJavaScriptライブラリ。 JS HTML5 QRCode GeneratorはHTML5/JavaScript製のオープンソース・ソフトウェア。スマートフォン向けのコンテンツが増えたこともあって、Web上でQRコードを見かけることが多くなった。Androidアプリの配布の際には大抵QRコードが表示されている。 かなり大型なQRコード QRコードには様々な情報が載せられるので、URLやコンタクト情報、ツイートしてほしい内容なども載せられる。手軽に生成できるようになれば、色々な使い方が考えられるだろう。そこで紹介したいのがJS HTML5 QRCode Generatorだ。 JS HTML5 QRCode Generatorはその名の通り、HTML5+JavaScriptでQRコードを生成
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 06 Apr 2026 / AI Technologies The ethical implications of Anthropic's feud with the Pentagon The Anthropic-Pentagon feud highlights a broader shift in AI governance, where ethical constraints, vendor policies and legal frameworks are redefining control and accoun
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer（IE）をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです（ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません）。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア
[Javascript]「こまけぇーこたぁいいんだよ！」な人の為のIE対応スクリプトまとめ
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 正直話題としてはとっくに旬は過ぎていますがｗ 一度まとめておきたいと思い。 殆どのweb制作者達がこれまで頭を悩ませてきたであろうIE対応。web制作者の方々は「もうIE6対応なんかしなくていいじゃん」「対応するからいけないんだよ」という意見をお持ちの方も多いかと思います。 特にIE6に対するコーダーの方達の恨みつらみは相当なもの。一言言いたい場合はとりあえず「爆発しろ！」とでもこちらでぶつけてみてください☆ (´・ω・｀) ie6bot – 腐った牛乳と呼ばれたブラウザ が、しかし会社で制作をやっている方々はそうもいかないのが現実。私のブログでも今は対応が中途半端でしっかり出来ていないのですが…ｗこのブログにはなるべく早めに対策を施すつもりです。あと、これに関してはそのうち独自の対応をし
![[Javascript]「こまけぇーこたぁいいんだよ！」な人の為のIE対応スクリプトまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b367ad11574172b1c1b3916092d3d0d63b621c62/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F07%2Fjavascript-ie-correspondence-01-150x150.gif)
プログラミング経験者が JavaScript を学ぶためのリソース - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110721.html
What's a Closure?
Ever wonder what closures are and how they work? You can learn about this advanced programming concept right now through interactive lessons in JavaScript. Let's get started! Here is an example of some JavaScript code. Doesn't it look pretty? var f = function (x) { return x + 1; } Don't worry, we're not just going to sit around and look at pretty code. We're going to be writing code! Variables Her
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実践・ウェブアプリ高速化テクニック#Chrome+HTML5 Conference
Web Application Development
Getting Started with JavaScript Unit Testing and YUI Test » Yahoo! User Interface Blog
blog.wonder-boys.net is Expired or Suspended.
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressive enhancement
http://www.jquery4u.com/javascript/shorthand-javascript-techniques/
