Subscribed unsubscribe Subscribe Subscribe

するするさせたい:サイボウズ採用情報のアニメーション(その3)

サイボウズ採用情報のアニメーションがするするしてないので調べた件、SafariやFirefoxでも見てみたりもした。

するするさせたい:サイボウズ採用情報のアニメーション(その2)

サイボウズの採用情報ページのアニメーションがするするしていない問題。レイヤーを分けて描画範囲を小さくしたり、CSS Transformsでアニメーションさせることによってするするさせられた。

するするさせたい:サイボウズ採用情報のアニメーション(その1)

サイボウズの採用情報ページのアニメーションがするするしていなかったので、Chrome DevToolsを使って何が起こってるのか調べてみた。

Chromium DashboardのCSS usage metricsとぼくらのusage metrics

火曜にGoogle JapanであったChrome Tech Talk Night #6でライトニングトークをしてきた。 イベント中ずっと資料とコードを書いてて内容をほとんど聞いてないという残念っぷり…こういうのやめたいね。 Chromium Dashboardの概要と、9月に追加されたCSS metric…

Webはlossy+alphaを手に入れられるのか

Chrome Canary(今のところM30)でアルファチャネル付きWebMが実験的にサポートされたとのこと。 Alpha transparency in Chrome video ビデオ見ると妙な気味悪さがあって面白い。ドラッグ&ドロップしたり背景変えたりね。静止画だとふつうにできてたことが…

Blinkでメディアクエリーのwidth/heightがスクロールバーを含むように

Chrome 28がBetaに移った。表面上とくに違いはないだろうけれど、BlinkなChromeですよ。 さて、タイトルで言ったとおりの変更がBlinkに行われた。 144cc4f (@149832) - chromium/blink — Include scrollbar size in @media width/height M28に入るかなと思っ…

BlinkなChromeのExperimental Features

3月にChromeのExperimental WebKit/JavaScript Featuresというのを書いたらGoogle+でけっこうな反響があった。BlinkのFAQからも間接的に参照されてたりしている。ただ件のエントリを書いたのはChromeがまだWebKitを使っていたとき。その後Blinkになり、ラン…

機能の利用度合いを測るUseCounter (FeatureObserver)

WebKit絡みの話が続く…… 接頭辞のついた実装、レガシーな機能を削除したいときに「それらに依存したコンテンツに影響する」というのが懸念される。こういった理由もあって、WebKitでは接頭辞付きの機能は、接頭辞なしの機能が実装されても基本的に保持されて…

Chromeの新エンジンBlink ― どうなるんだろう篇

なぜなに篇とWebプラットフォーム篇ではBlinkに至った背景や、Blinkの互換性への取り組みについてだーっと書いた。 今回はBlinkの登場が何にどんな影響を与えるか、だらだら考えてみる。 Chrome すでに色々書いてはいるけれど。 WebKitから離れ、Chrome専用…

Chromeの新エンジンBlink ― Webプラットフォーム篇

よいサブタイトルが思いつかなかった。Blinkでは、HTMLとかCSSとかDOMなどへの機能追加について、互換性、オープン標準、透明性を重視したガイドラインが設けられ、それが強くアピールされている。 Throughout this transition, we’ll collaborate closely w…

Chromeの新エンジンBlink ― なぜなに篇

4月3日、GoogleがChromeに使っていたWebKitをフォークした新しいエンジンBlinkを発表した。 …だいぶ出遅れたのでとても書きづらいけれど、自分の理解のために書く。ただいろいろあるので、まずはWebKitをフォークするに至った経緯と、Blinkの概要について。 …

Meaningless ― Web semanticsの観測

W3CのTAGメンバーにもなったGoogleのAlex Russelが、Webサイトで使われている要素、ARIA roles/states, microformats, schema.orgの型などを調べてまとめるためのChrome拡張をつくった。 Meaningless: towards a real-world web semantics observatory Chrom…

モバイル系ブラウザのUA文字列

何の役に立つか自分でもさっぱりわからないと思いながら、ここ1年半ほどGoogle Spreadsheetsにブラウザのアップデート情報を記録している。 Browser Updates できるだけ情報を入れてるけど、抜けも結構ある。ChromeはStable Channelが入ったマシンがないので…

ChromeのExperimental WebKit/JavaScript Features

chrome://flagsにはいろんなランタイムフラグがある。CSS ShadersやらVP9 playbackやら、実験中の機能を有効にできるようになっている(動くかどうかはしらない)。 その中にこんなフラグがある。 Enable experimental WebKit features. Enable experimental…

OperaのWebKit移行

各所で既報だろうけれど、OperaがWebKitへの移行を発表した。 Opera gears up at 300 million users 300 million users and move to WebKit WebKitベースのモバイルブラウザを発表という噂があって、ああモバイルだけかと思ったら全部だと。驚いた。そりゃ去…

Chrome (dev) のAction box ― Web Intentsでシェアする機能が追加

追記 (2012-09-21): Cr24に見送られたので再び無効にされちゃった。残念… 今日のChrome Dev Channelで、Action boxなるものが有効になった。 Dev Channel Update [chrome] Revision 155146 ― Change enable-action-box flag to disable-action-box, so actio…

FlexboxがLCに: プロパティ名などもろもろ変更

タイトルの通りで、FlexboxのLCが公開。 [css3-flexbox] Going to Last Call CSS Flexible Box Layout Module (W3C Working Draft, 12 June 2012) LCは喜ばしいんだけど、なんせTabせんせやfantasaiせんせがEditorなので、政情不安定というか変なところで変…

StatCounterではChromeユーザが増えている

ほほー。確かにChromeがIEを超えている。 Google Chrome Leapfrogs Internet Explorer as the Web's Top Browser Top 5 Browsers from W20 2011 to W20 2012 (Worldwide) ※ただしStatCounter いや、IEが減ってChromeが伸びているとは思うけれど、ここまでで…

接頭辞が必要な場合とはなにか、また削除はできるのか

WebKit Contributor Meetingの機能廃止&接頭辞セッションから、接頭辞の削除について。 非ブラウザでの接頭辞つき機能 まずAppleのSam Weinigから、WebKitはブラウザ以外にも使われるけれど、ブラウザ以外のWebKit利用例で、接頭辞を省くことが話の通ること…

GoogleのHTTPS版でRefererがoriginだけになりそう (meta referrer="origin")

Google検索のHTTPS版で、4月から検索結果から飛んだ時に送信されるRefererが変わることがあるらしい。 Upcoming changes in Google’s HTTP Referrer どうなるかというと、ChromeなんかではSSLなページに飛んだ時にoriginのみが送られて、クエリとかを含まな…

Web Inspectorの変更 ― StyleパネルUI変更、接頭辞の指摘、Repaintの表示

たまってるWebKit changelogのフィードを消化中…しんどいなあ。mozilla-centralはそこまで多くないから楽なんだけど。Chromiumはフィードがないのもあってかなりしんどい(ほとんど見ないけど)。 というわけでそんな中からWeb Inspector関連の変更を。 Styl…

AppCacheのMIME設定がmustでなくなっている

ちょっと古いことも書くよ。 AppCacheのマニフェストファイルはtext/cache-manifestで送るとされてたのが、去年なくなった。 HTML5 Tracker ― 6823. Make appcache no logner check for the MIME type. Bug 14701 - appcache: remove the requirement for th…

XMLHttpRequestのHTMLサポート (responseType='document')

XHR2改めXHRではresponseType = 'document'でHTML文書を返してくれる。で、Firefox 11, Chrome 18, Safari 6から使えるようになっている。 var xhr = new XMLHttpRequest(); xhr.onload = function () { console.log(this.response instanceof HTMLDocument)…

Chrome for Android Beta FAQのざっくり訳

Android版のChrome Betaがリリースされた(※ただし4.0以降に限る Google Chrome for Android Introducing Chrome for Android A deeper look at Chrome for Android Bringing Google Chrome to Android FAQがあったのでざっくり訳した。雑な訳だなー。 ブッ…

ChromiumがAndroidにportされる?

ChromiumのG+ pageから。 Let's port Chromium to Android! だって。おやまあ。 いつくらいになるんだろう。あと、疑問も出てくる。 UIはどんな感じか 拡張はどれくらい使えるか Chrome for Androidが出たとして、OSに紐付かず、また自動アップデートされる…