Jank busting for better rendering performance | Articles | web.dev
Jank busting for better rendering performance Stay organized with collections Save and categorize content based on your preferences. Introduction You want your web app to feel responsive and smooth when doing animations, transitions, and other small UI effects. Making sure these effects are jank-free can mean the difference between a "native" feel or a clunky, unpolished one. This is the first in
Detect iPad Mini in HTML5
Apple's iPad Mini is a smaller clone of the iPad 2 in more ways than we'd want. In JavaScript, the window.navigator object exposes the same values for the Mini and iPad 2. My tests so far to detect the difference have not lead to success. Why is this important? As the iPad Mini and iPad 2 screens are identical in pixels but vary in actual size (inches / centimeters), they vary in PPI (pixels per i
The Shumway Open SWF Runtime Project – Mozilla Research
Shumway is an experimental web-native runtime implementation of the SWF file format. It is developed as a free and open source project sponsored by Mozilla Research. The project has two main goals: 1. Advance the open web platform to securely process rich media formats that were previously only available in closed and proprietary implementations. 2. Offer a runtime processor for SWF and other rich
Introducing Wikipedia's new HTML5 video player
A new video player has been enabled on Wikipedia and its sister sites, and it comes with the promise of bringing free educational videos to more people, on more devices, in more languages. The player is the same HTML5 player used in the Kaltura open-source video platform. It has been integrated with MediaWiki (the software that runs Wikimedia sites like Wikipedia) through an extension called Timed
さらばmozとoのdevice-pixel-ratio - fragmentary
そういえば、Firefox 16とOpera 12.10からメディアクエリーのresolutionとdppxが使えるのを思い出した。 これらを使うと、Retina displayはじめ高密度なディスプレイに対応するコードがけっこう短くなる。 これまではこんな感じ。 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1) { .foo { background-image: url(image-2x.png); } } } device-pixel-ratioはもともとWebKitの拡張だったもの。それをMozillaとOperaも取り入れたのだけど、ベンダー接頭辞の面倒さに加えてmin-/max-のつき方、値の書き方がばらばら
[whatwg] Canvas in Workers from Ian Hickson on 2012-11-16 (public-whatwg-archive@w3.org from November 2012)
From: Ian Hickson <ian@hixie.ch> Date: Fri, 16 Nov 2012 20:25:08 +0000 (UTC) To: WHAT Working Group <whatwg@whatwg.org> Message-ID: <Pine.LNX.4.64.1211161915290.26354@ps20323.dreamhostps.com> Over the years, there have been lots of requests for asynchronous image manipulation APIs, and each time we discuss it we end up concluding that what we should really do is just put canvas on workers. I've no
Webteko 第11回で Web Workers について発表した - mollifier delta blog
1/23(土)に神戸で Webteko(ウェブテコ)第11回が開催された(告知ページ) 今回のテーマは「HTML5 と CSS3」ということで、僕も Web Workers について発表してきた。 発表内容 Try WebworkersView more documents from H M. サンプルコード デモとして、バックグラウンドで足し算を行う JavaScript コードを紹介した。あと、1%分完了するたびに進捗状況を表示してる。計算してる途中でもブラウザが固まらないってのがポイント。 まずこれが HTML ファイル。入力ボックス、ボタン、結果表示欄があるだけ。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Web Workers を使って足し算する</title> <script type="applic
Android端末のdevicePixelRatio
Android端末のdevicePixelRatio WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。 CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG JavaScriptでは次のように取得できます。 window.devicePixelRatio そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。
HTML5 Advent Calendar 2012 - Adventar
誰か作っているかと思ったら、意外となかったらしいので作りました。 HTML5やJavaScript APIに関する話題であれば、Web標準からかけ離れた話題でなければ、なんでもOKです！
小中学生の嫌いな料理 「うなぎ」が2位にランクイン : 痛いニュース(ﾉ∀`)
小中学生の嫌いな料理 「うなぎ」が2位にランクイン 1 名前： 黒(北海道)：2012/11/19(月) 09:12:15.20 ID:VouBoFa50 学校給食以外も含め、食事全体として小中学生はどのような料理が嫌いなのだろうか。小学生の場合、結果としては「レバー料理」が「一番嫌いな料理」の座についている。 「レバー料理」が学校給食で出る機会はさほどなく、出たとしても「まれに」程度の頻度ということもあり、結果として学校給食では 「嫌いなもの」とわざわざ抽出するほどのものでもない。しかし自宅での食事や外食まで含めて「嫌いな料理」と尋ねられれば、 何度となく自分の目の前に並べられる可能性がある「レバー料理」 が挙げられるという次第。独得の歯触り、香り、味わい、生臭さが敬遠されるのだろう。男子よりも女子の方が 拒絶反応が強いのも印象的。 第2位の「うなぎ」も意外といえば意外。大人ならむしろ「
ヴィトンがつなぐ 気仙沼カキの未来
印刷 メール ヴィトンがつなぐ 気仙沼カキの未来 再建した加工場で従業員とルイ・ヴィトンのイヴ・カルセル本社会長（左から５人目） とりたてでみずみずしい気仙沼のカキ ルイ・ヴィトンのパトリック５代目当主（右）と共にブルターニュのカキ養殖場を視察する畠山氏（右から２人目） 「森は海の恋人」が植林した森。２４年間で約４万本、１４ヘクタールに及ぶ ■５０年前、仏の危機救った縁で 【高橋牧子】ファッションブランドによる東日本大震災の復興支援が、今も様々な形で続いている。なかでもユニークなのは、日仏のカキ養殖業者の絆をもとに、宮城県気仙沼市のカキ養殖を支えようとするルイ・ヴィトンの活動だ。気仙沼と仏ブルターニュのカキ養殖の現場を訪ねた。 津波から１年８カ月。気仙沼市の西舞根（もうね）地区は流された住宅の跡が続き、高い木の枝に漁網が引っかかったまま。そんな中で、浜の突先の真新しいカキ加工場では、鮮やか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
沼の妖怪｢カムルチー｣をつかみ捕れ！