レスポンシブイメージを実現するCSS4のimage-set
レスポンシブイメージを実現するCSS4のimage-set iOS6のMobile Safariで新たにレスポンシブイメージを実現するCSS4(WD)のimage-set関数が実装されました。 仕様は「CSS Image Values and Replaced Content Module Level 4」、詳しい日本語の解説は「Responsive imagesのための-webkit-image-set() - fragmentary」を参考にしていただくとして、早速どのようになるか試してみました。 #img{ background:black; background:-webkit-image-set( url(1x.png) 1x, url(2x.png) 2x ); width:100px; height:50px; } このようにベンダープリフィックスを付けた-webkit-im
akibahideki.com
We’re getting things ready Loading your experience… This won’t take long.
iOSシミュレータのMobile Safariに接続してリモートデバッグ·iWebInspector MOONGIFT
iWebInspectorはiOSシミュレータに接続してMobile Safari、PhoneGapのデバッグを行うソフトウェアです。 iOS向けのWebサイトを作っている際にデバッグしようと思うと色々不便な思いをします。Safariでもだいたいできるのですが、それでも動作が異なるケースがあります。そこで使ってみたいのがiWebInspectorです。 メイン画面です。 例えばエミュレータでこんな感じに表示しておきます。 iOSシミュレータからロードします。現在開いているページが出ます。 接続しました。エレメントが表示されています。 リソースも見られます。 ネットワークです。 コンソールも問題ありません。 alertを実行します。 シミュレータ側でアラートが出ます。 iWebInspectorはiOSシミュレータに接続して、その表示内容を取得します。Safariの他にもPhoneGapで作
Mobile Safariにあってデスクトップ版Safariにないプロパティを追加·InjectSmartphoneProperty MOONGIFT
InjectSmartphonePropertyはデスクトップ版SafariにMobile Safariと同様のプロパティを設定するSafari機能拡張です。 Mobile Safariとデスクトップ版Safariは同じSafariですが、やはり多少違います。幾つか実装されているプロパティが異なります。そこを補正してくれるSafari機能拡張がInjectSmartphonePropertyです。 インストールします。 設定でInjectSmartphonePropertyを適用するURLを指定できます（正規表現）。 適用前。全てundefinedです。 適用後。nullまたは0が入っています。 InjectSmartphonePropertyは正規表現でマッチしたURLを表示するタイミングでwindow.ontouchstart、window.ontouchmove、window.ont
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
