How (not) to trigger a layout in WebKit
As most web developers are aware, a significant amount of a script's running time may be spent performing DOM operations triggered by the script rather than executing the JS byte code itself. One such potentially costly operation is layout (aka reflow) -- the process of constructing a render tree from a DOM tree. The larger and more complex the DOM, the more expensive this operation may be. An imp
Opera Platform™ Enabling AJAX applications on mobile phones
Innovative browsers Create tab groups, chat with AI, use integrated messengers and more, in a browser that’s perfectly tailored to your needs. Browse faster, safer and smarter. Opera Browser is engineered for the changing web - chat with AI, arrange tabs in groups, block ads and use Opera’s free VPN. Connect desktop & mobile browsers, and explore dozens of additional innovations that make Opera Br
レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い
デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値（10.5pxとか9.2pxなど）に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル（小数点以下のピクセル値）の扱いの挙動差により生まれます。 まずはパーセント指定の基本から まずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子
Bruce Lawson's personal site
Pages Hire me! Accessibility and web standards consultancy services I offer. about Bruce Contact Bruce Accessibility and Privacy policies Archive Test pages Whatever happened to Reviews Spam letters Letters found on Kazaa Mailing List If you've fallen in love with me, why not sign up for my weekly mailing of Reading Lists and other goodies? Elsewhere My stuff on other sites the cruellest months -
Chromium プロジェクトの新しいレンダリングエンジン Blink のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
描画とかGPUアクセラレーションの怪 (モバイル編)
何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ（ただしOSやバージョンによって何がトリガかは厳密に異なる）を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。 このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。 自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし
mozilla.orgのブログより、ブラウザー戦争、ゲーム
Browser Wars, the game « Fink @ Mozilla 先日、OperaがWebkitに移行することを発表した。これにより、ブラウザーのシェアは事実上、Firefox(Gecko)か、webkit系ブラウザーに二分されることになる。IEはすぐに死亡するので考えなくて良い。log.mozilla.orgのブログで、このままWebkitがシェアを独占した場合の危険性について書いている。 単一文化は、短期的には優れている。労力を集中させることができるし（みんな同じことに対して働く！）、今日動くリッチなWebアプリを書きたければ、(つまり、今日のブラウザーで動くやつを書きたければ)、状況はだいぶマシになる。 しかし、Webとはプラットフォームである。プラットフォームは、また違った厄介者なのだ。 今、モバイルWebがすべてWebkitになったとする。何が起こるか考えてみよう。
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
Opera's Developer Relations Team - Opera 10.60 moves to the beta zone
8 March 2022 by Danny Yao in Blog By supporting the Opera Crypto Wallet, Dapp developers can gain access to millions of crypto users on Opera platform. To do so, Dapp developers need simply add a few lines of code to set up integration with the Opera Crypto Wallet. 23 January 2019 by Daniel Bratell in Blog Opera 58 (based on Chromium 71) for Mac, Windows, Linux is out! To find out what’s new for u
MicrosoftはWebKitに移行すべきか | スラド オープンソース
先日、Microsoft MVPのBill Reiss氏が自身のブログで Internet Explorer(IE)をWebKitベースに移行することを提案したが、否定的な意見が多かったようで、のちに間違いだったことを認めている(Bill Reiss' Development Blogの記事、 Bill Reiss' Development Blogの記事 2、 BYTEの記事、 Glazblogの記事、 本家/.)。 Net Applicationsのデータによればデスクトップ向けWebブラウザーとしてはトップシェアを維持し続けているIEだが、モバイル向けWebブラウザーではSafariやGoogle Chrome、Android標準ブラウザーなどWebKitベースのブラウザーが主流となっている。実際のところ、IEのWebKit移行には多くのメリットもあるが、移行すべきでない理由もある。
なんとMicrosoftがWebKitにパッチを提供 - Nothing ventured, nothing gained.
こんな時代になるとは、ちょっと前まで考えられなかった。 Microsoft*1がWebKitにパッチを提供した。 Microsoft offers patches to WebKit to aid touch compatibility | Ars Technica にそのニュースが解説されているが、Microsoftが提供したのは、Pointerイベントのパッチだ。 現在、タッチデバイス上のブラウザはTouchイベントを通してタッチインターフェイスを実現することができる。 参照： マルチタッチ ウェブ開発 - HTML5 Rocks HTML5アプリのタッチUX(2) : タッチデバイスを指で快適に操作させるために (1/2) - @IT これはAppleのTouchイベントと互換性を持ったものであり、W3CにおいてもTouchイベントとして議論されている。しかし、「この仕様はApple
エデンの園でおきたこと - steps to phantasien
有給を駆使し一足早くクリスマス休暇に突入、ヒャッホイ Ingress やるぜーと 意気込んでいた矢先ノロウイルスにやられダウンした。かなしい。鎮まれ俺の胃袋・・・ そんな腹痛日和の気晴らしとして今日は Garbage Collection Advent Calendar に参加してみることにしました。 Advent Calendar 初体験につきよくわかってないけど勝手に参加していいんですよね？ GC というとジェネレーショナルだのパラレルコンカレントだのといった話が目立ちがちだけれど、 現実の問題というかブラウザを相手にするとそれ以外の細々とした面倒が目につく。 GC つき言語 (JavaScript) のコードと C++ で書かれたコードとの連携は最たる面倒の１つ。 たとえば WebKit の DOM は C++ で実装されており、 C++ のオブジェクトは JavaScript 処理
Microsoft、「WebKitはWeb標準を破壊している」と主張 | スラド IT
ストーリー by hylom 2012年11月20日 18時20分 webkit接頭辞VSms接頭辞、仁義なき戦い 部門より Microsoftが、「WebKitはWeb標準を破壊している」と主張しているそうだ（Ars Technica、本家/.）。 スマートフォン市場はAndroidとiOSの2つがほぼ市場を占有する状況になっており、これらが使用しているHTMLレンダリングエンジンはどちらもWebKitベースのものだ。そのためモバイル向けWebブラウザ市場でのシェアはWebKitが90％以上を占めており、Web開発者らはスマートフォン向けのサイトをWebKitに最適化するようになっている。 一方、MicrosoftはWindows Phone 8にIE 10を搭載したが、スマートフォン向けのサイトでは動作互換が完全には取れていないことがあり、しばしばユーザーからクレームが入るという。Mi
Wii U｜社長が訊く『Wii U』 インターネットブラウザー 篇｜Nintendo
今回、Wii Uの中に標準搭載されている、 インターネットブラウザーのお話をお訊きします。 ひと口にブラウザー技術といっても 移り変わりも非常に早いですし、 完成にいたるまでさまざまなドラマがあったと思います。 まず、おふたりの自己紹介からお願いします。
NetBeans7.3(Beta)に組込みブラウザがついて想像以上にすばらしい - きしだのHatena
とうとうNetBeansに組込みブラウザがつきましたよ！ いままで、FirefoxのレンダリングエンジンであるGeckoを使ったプラグインなどがありましたが、ネイティブコンポーネントとSwingの相性も悪くて、あまり使えるものじゃありませんでした。 でも、JavaFXにWebKitベースのブラウザが入ったことで、とうとうNetBeansにも使い物になるブラウザが組み込まれました！といっても、まだBetaですが。 んで、これが思ったよりも素晴らしくて、なんだか将来的に期待がもてそうな感じなので、紹介します。します。します。 Betaの前の開発版を使ったので、動きは少し違うかも。NetBeans7.3Betaはこっちからダウンロードできます。 http://dlc.sun.com.edgesuite.net/netbeans/7.3/beta/ オプションを見ると「Webブラウザ」の項目に、「
写真で解説する「BlackBerry Bold 9900」Pure White
法人ユーザーやビジネスマンを中心に、根強い支持を集めている「BlackBerry Bold」。その最新モデルである「BlackBerry Bold 9900」に先日、新色「Pure White（ピュアホワイト）」が追加された。白い携帯電話が大好きな筆者が実機に触れてみた。 Research in Motion（RIM）が展開するスマートフォン「BlackBerry」シリーズは、法人ユーザーやビジネスマンを中心に根強い支持を集めている。そのフラグシップを担う「BlackBery Bold」の最新モデルが、今回紹介する「BlackBerry Bold 9900」だ。最新の「BlackBerry OS 7.1」、1.2GHzのCPU（シングルコアのSnapdragon S2）、Boldシリーズでは初搭載となるタッチパネルなどが相まって、今までよりも大幅に操作性が向上している。 そんなBlackB
GoogleがSafariの設定を迂回してトラッキングしていたとされる件について(2) - 最速転職研究会
http://d.hatena.ne.jp/mala/20120220/1329751480 の続き。書くべきことは大体既に書いてあったので、補足だけ書く。 Googleは制裁金2250万ドルを支払うことでFTCと和解した http://jp.techcrunch.com/archives/20120809google-settles-with-ftc-agrees-to-pay-22-5m-penalty-for-bypassing-safari-privacy-settings/ まさか(まともに調査されれば)こんなことになるとは思わなかったので驚いた。異常な事態である。そしてGoogle側の主張を掲載しているメディアが殆ど無いのも異常な事態である。 2250万ドルもの制裁金(和解金)が課せられるのは、2009年に書かれたヘルプの記述が原因だという。 問題の記述 http://obam
接頭辞外しと-webkit-サポート - fragmentary
もう書くのだるいんだけど、またまたベンダー接頭辞的なおはなし。 Opera 12.50では標準と-webkit-のみ (-o-さよなら) 今月に入って、Opera 12.50で使われるPrestoのバージョンが2.12になった。 まず3日のsnapshotでは、接頭辞なしのTransitions, 2D Transforms, Animationsのサポートが行われ、さらに接頭辞付きの実装が削除された。 Opera Desktop Team - 12.50 Summer Core Update Opera Developer News - A hot Opera 12.50 summer-time snapshot 続いて10日のsnapshotで、接頭辞なしのグラデーションもサポートされ、3日のと同じように接頭辞付きの実装が削除された。 Opera Desktop Team - More
Masato Kinugawa Security Blog: location.hrefの盲点
夏ということで、怖い話をします。 Webアプリケーション開発者の皆さん、聞いて下さい。 時間がない人や、他の人に問題を説明するときなどには簡潔にまとめた版をどうぞ。 これは2011年12月27日にAppleに報告したSafariの問題です。Appleからは修正する予定はないという回答を貰っていましたが、2012年7月25日にリリースされたMacのSafari 6のアドバイザリによるとどうもMacのSafari 6では修正されたようです。 About the security content of Safari 6 http://support.apple.com/kb/HT5400 WebKit Available for: OS X Lion v10.7.4, OS X Lion Server v10.7.4 Impact: Visiting a maliciously crafted
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォン対応、気をつけたいトラブル
