[B! webkit] d4-1977のブックマーク

GitHub - google/ios-webkit-debug-proxy: A DevTools proxy (Chrome Remote Debugging Protocol) for iOS devices (Safari Remote Web Inspector).

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

d4-1977 2015/09/23

リンク

[JS] Webkit限定！デスクトップ通知の実装が、意外と簡単だったのでやってみた - YoheiM .NET

こんにちは、です。 HTML5で策定中のWeb Notificationを、Chromeでデスクトップ通知として実装することが出来ます。今回のブログでは、Webkit限定のお話になりますが、Webページからデスクトップ通知を行う方法を書きたいと思います。 Webページからのデスクトップ通知とはデスクトップ通知とは、SkypeとかTweetDeckなどのデスクトップアプリケーションを使っていると、何か通知があると画面の右上とかにバルーンが表示されるあやつです。今迄のWebでは、セキュリティ観点よりWebページからローカルPCへのアクセスが制限されていましたが、現在策定中のHTML5では、デスクトップ通知が可能になるかもしれません。 Chromeでは、すでにデスクトップ通知機能が実装されていて、利用できるようになっています。今回は、この実装内容を紹介したいと思います。デスクトップ

d4-1977 2014/07/24

リンク

WebKit （Nightly Builds）で srcset 属性がサポートされたらしい

WebKit （Nightly Builds）で HTML の srcset 属性がサポートされたようですので、簡単に srcset 属性の仕様について解説してみます。 WebKit （Nightly Builds）で HTML の srcset 属性がサポートされたようです。 srcset 属性は、img 要素の属性として使用することで、高精細ディスプレイ（デバイスピクセル比に応じて）向けや、ディスプレイサイズに応じて画像を出し分けるための属性。所謂、「Responsive images （レスポンシブイメージ）」を HTML のみで実現することができます。 Improved support for high-resolution displays with the srcset image attribute ： Surfin' Safari WebKit Nightly

d4-1977 2014/03/14

webkit
HTML5

リンク

Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に

スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細度の多様性は高まってきています。多くのWebデザイナーは、こうした多様な画面に合わせてレイアウトなどを変えることで見やすくするよう努力してきましたが、こうしたダイナミックなレイアウトを実現する上で大きな課題だったのが画像の扱いです。画面の大きさや精細度に合わせて適切な画像を表示させようにも、そのための標準的な方法がないのがその理由です。 Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました。。 img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります。 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1

d4-1977 2014/03/06

リンク

作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは基本的な使い方応用的な使い方まとめ使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれるリクエスト情報を見たり、プロファイラで解析することもできる最近はFirebugより安定してるし高機能

d4-1977 2011/11/04

リンク

作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch

というタイトルで社内勉強会を開きました。その時の資料を公開します。「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。最近のChrome Developer Toolsは本当に高機能ですごいですね！僕も資料を作っていて新しい発見が沢山ありました。追記: 説明不足ですいません。スライドは←→キーで移動します。表紙にも記載しておきました。作業効率が10倍アップする Chrome Developer Tools の使い方あとキャプチャをとるのに使ったSkitchが便利すぎて感動しました。

d4-1977 2011/11/04

よさそうなまとめ

リンク

capybara-webkit - Google 検索

2020/03/03 · capybara-webkit depends on a WebKit implementation from Qt, a cross-platform development toolkit. You'll need to download the Qt libraries to ...

d4-1977 2011/08/19

リンク

capybara-webkit を headless（画面なし・Xなし）で動かした - babie, you're my home

どうも皆さんこんにちは、GW返上で頑張る babie でございます。日中にキャッキャウフフ行楽してる奴は殺人光線を浴びて死ぬ。 Rails のインテグレーションテストで一般的となった Capybara ですが、JavaScript のテストには選択肢が色々あります。envjs, selenium, akephalos, celerity, culerityなどなどです。迷いますねー。ですが、当方、Ruby 1.9.2 p136 on VPS の関係のため、 envjs ―― 依存してる johnson が Ruby 1.9 系列ではコンパイルできないので× selenium ―― X ごっそり入れるのイヤなので× akephalos ―― 依存してる HTMLUnit が jQuery 1.2 までしか対応してないので× celerity ―― JRuby 専用なので× culerit

d4-1977 2011/08/19

リンク

javascript - Webkitでは$が定義済みな件 : 404 Blog Not Found

2010年09月09日13:00 カテゴリLightweight Languages javascript - Webkitでは$が定義済みな件これに対する驚愕の事実。 [を] JavaScript のセレクターの定番イディオム JavaScript の定番イディオム。 function $(id) {return document.getElementById(id)} document.getElementById() の省略記法として $() を使うためのおまじない。 Google Chrome6の $ は function () { return document.getElementById.apply(document, arguments) } ですね。#JavaScriptless than a minute ago via Chromed Birdthink49 t

d4-1977 2010/09/09

知らなかった！

リンク

モバイルブラウザーのデファクトスタンダードになりつつあるWebkit

最近、なぜかいろいろなところでHTML5やらモバイル端末向けのブラウザーの話をすることが多いのだが、今年になってトレンドとしてはっきりと見えてきたのは、WebKitがモバイル端末のブラウザーのデファクト・スタンダードになりつつあるということ。私自身、最初にAppleがブラウザーを作ると聞いた時には﹁なんでそんな大変なことを今更？片手間でできる仕事じゃないぞ﹂と思ったりしたわけだが、その予想に反してAppleが見せた本気度とリーダーシップには本当に関心してしまった。世の中にすでに何百万とあるサイトとコンパチビリティを保つというだけでも大変な作業なのに︵経験者語る︶、CANVASやCSS Transf orm/Transitionなどの新しいコンセプトを次々に導入してHTML5の標準化でリーダーシップを取っている点は注目に値する。﹁スタンダードを決める﹂立場に自分を置く事がどのくらい重要

d4-1977 2009/09/18

HTML5
webkit

リンク

WebKitを使ったHTML2PDF·wkhtmltopdf MOONGIFT

Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。 WebKitを使ったHTML2PDF そんなWebKitを使ってWebページをPDFに変換してくれるのがwkhtml topdfだ。今回紹介するオープンソース・ソフトウェアはwkhtml topdf、Windowsで使えるHTML2PDFだ。wkhtml topdfはコマンドラインで使うソフトウェアで、URLやHTMLファイルを渡すと、それをWebKitでレンダリングした結果をPDFファイルとして保存する。日本語も利用可能だ。オプションがとにかく多彩に用意されている。オプションが多彩表示に関するオプションの他、

d4-1977 2009/08/20

Windowsだけなのかなあ？

webkit

リンク

WebKit

A fast, open source web browser engine. WebKit is the web browser engine used by Safari, Mail, App Store, and many other apps on macOS, iOS, and Linux. Get started contributing code, or reporting bugs. Web developers can follow development, check feature status, download Safari Techno logy Preview to try out the latest web techno logies, and report bugs.

d4-1977 2007/08/18

webkit

リンク

米Apple，Safariのフレームワーク「Webkit」をオープンソース化

米Apple Computerは，同社のWebブラウザ﹁Safari﹂でベースにしているフレームワーク﹁Webkit﹂をオープンソース化する。同社Safari担当エンジニアのDavid Hyatt氏がブログで米国時間6月7日に明らかにした。 Webkitオープンソース・プロジェクト︵WebKit Open Source Project︶の開始に伴い，Webkitをはじめ，Safariのブラウジング・フレームワーク﹁WebCore﹂とスクリプト・フレームワーク﹁JavaScriptCore﹂に関する情報を提供するWebサイトを開設した。 Webkit，WebCoreおよびJavaScriptCoreは，KDEプロジェクトのレンダリング・エンジンKHTMLとKJSをベースにしている。米メディアの報道︵CNET News.com︶によると，この数カ月間，KHTML開発者からApple社に対し，S