d_animal141のブックマーク / 2013年9月24日

d_animal141 id:d_animal141

2013年9月24日のブックマーク (5件)

Skia DebuggerにみるCSSプロパティの重み
ねこ JS Bin - Heavy Paint - http://jsbin.com/ocihek/1 勢いで試してしまって、すげぇ大雑把ですが、CSSプロパティの組み合わせと、ぬこ36要素分の.skp撮ってみた。Chromium Version 26.0.1409.0 なのでちょっと古い。 How to check out and build Skia on Mac OS X - Skia を参考にビルド。 gclient config http://skia.googlecode.com/svn/trunk gclient sync cd trunk GYP_DEFINES="skia_os=mac skia_arch_width=64" make debugger ビルド後に出現するout/Debug/debugger.appが、今回利用するSkia Debugger。 Chromi
d_animal141 2013/09/24
Skia DebuggerにみるCSSプロパティの重み

chrome

CSS
リンク
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ - YoheiM .NET
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？こんにちは、@yoheiMuneです。 @ahomuさんのブログで、CSSの重みの計測をされているのを拝見しました。自分でもしてみたいなぁと思いやった手順と、その内容や結果をブログに書きたいと思います。環境構築部分でつまったので、その辺りは詳し目に書きたいと思います。 CSSの重みを計測する以降のChrome限定のお話になりますが、ChromeではSkia（Wikipedia:Skia）というGoogle製の2Dグラフィックライブラリを利用して画面の表示を行っているようです。そのSkiaにはSkia Debuggerというデバッグツールがあり、そのデバッグツールを使うと画面のレンダリングの順序や所要時間などの情報を取得することが出来ます。今回はSkia Debu
d_animal141 2013/09/24
border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい

chrome

CSS
リンク
メモ【Javascript】onloadとDOMContentLoadedとreadyなどなど
Javascriptを使っていてよく目にする起動時に発生するイベント名についてのメモです。具体的にイベント名を上げると、以下の3つ？になります。なにも指定しない onload ready(jQuery) 何も指定しない Javascriptは、イベント等を指定しない限り読み込んだら処理を実行します。そのため、使い始めたころは指定していなかったので、〜が宣言されていません。などDOM(html要素)が読み込まれていない場合はもちろん発生します。
d_animal141 2013/09/24
メモ【Javascript】onloadとDOMContentLoadedとreadyなどなど

JavaScript
リンク
javascript：pjaxを使って非同期通信する方法 | webデザイン | web is a creation
webデザイナーとしての個人的アウトプット bl ogpjaxというのはもう一年以上前から氾濫してたみたいなんですが、なんか今盛り上がってるらしいので、pjaxを使ったサンプルを作ってみました。 pjaxに関しては、 pjaxが便利過ぎて鼻血出そうになった（railsのサンプル付き） – SELECT * FROM life; とか PHPでpjaxる – 私の昆布とかの先駆者たちの説明をご覧ください。今回やろうとしてることは、以前記事にした『javascript：jQuery $.getを使って～』の強化版みたいなことです。 pjaxを使って非同期的にコンテンツを取得するというもの。 getのときはhtml全体を取得してから不要な部分は捨てるっていう転送量が多くて少し残念なものだったんですが、今回は向こう側で取得する部分を選んでくれて渡してくれる感じです。きっと。
d_animal141 2013/09/24
javascript：pjaxを使って非同期通信する方法

pjax
リンク
第3回　weinreを使ったiOS／Androidアプリの動作検証 | gihyo.jp
前回はiOSプロジェクトを作成・動作確認を行うまでの手順と、ターミナルからiOSシミュレータを起動できるようにするまでの手順を紹介しました。今回は、weinreを使ったアプリケーションのデバッグについて紹介していきたいと思います。 weinreとは weinre（WEb INspector REmote）とは、名前のとおり、リモートでWebインスペクタをサポートするツールです。iOSデバイスやAndroidデバイス上でWebアプリケーションやPhoneGapアプリケーションを動作させている際に、リモートからWebインスペクタを使用できます。対象となるWebアプリケーションの修正は、weinreのJavaScriptをロードする1文を追加するだけです。 Webインスペクタはリードオンリーではなく、書き込みが可能です。リモートのWebインスペクタ上でDOMやCSSを操作すると、デバイス上の表
d_animal141 2013/09/24
もっと使おうPhoneGap／Cordova 2.0.0：第3回　weinreを使ったiOS／Androidアプリの動作検証

Android

iPhone

スマートフォン
リンク
- 2013年9月25日
- 2013年9月24日
- 2013年9月23日