[B! webkit] nilabのブックマーク

メモログ

💡 Personal notes about somthing I'm interested in コンテンツがオーバーフローしたときにスクロールバーを表示させる場合に、そのコンテンツのスクロールの仕方を設定する値として-webkit-overflow-scrollingというのがある。詳細はSafari CSS Referenceの「-webkit-overflow-scrolling」を参照。値を「touch」にするとnativeアプリでスクロールしたときのような、いわゆる慣性スクロールの状態になる。 .foobar { position:absolute; width: 100%; height: 300px; overflow: scroll; -webkit-overflow-scrolling: touch; } 値を「touch」にした場合は、そこにstacki

nilab 2013/06/14

-webkit-overflow-scrollingと慣性スクロール - メモログ : 「値を「touch」にするとnativeアプリでスクロールしたときのような、いわゆる慣性スクロールの状態になる」 : -webkit-overflow-scrolling: touch;

css
webkit

リンク

WebKit SVG Status

WebKit is an open source Web content engine for browsers and other applications. We value real-world web compatibility, standards compliance, stability, performance, battery life, security, privacy, portability, usability, and relative ease of understanding and modifying the code (hackability). Project Goals Web Content Engine The project’s primary focus is content deployed on the World Wide Web,

nilab 2011/11/18

The WebKit Open Source Project - SVG (Scalable Vector Graphics) : "We imported KDE's excellent KSVG2 implementation and have tweaked it to integrate seamlessly with the rest of WebCore."

webkit
svg

リンク

SVGの扱い

nilab 2011/10/14

「HTML5の仕様の中で参照されているSVGのバージョンは SVG Tiny 1.2になっているようです。しかし、IE9やWebKitではSVG 1.1を実装しているように見受けられます」SVGの扱い - html5j.org

リンク

PhantomJS - Scriptable Headless Browser

Important: PhantomJS development is suspended until further notice (more details). PhantomJS is a headless web browser scripta ble with JavaScript. It runs on Windows, macOS, Linux, and FreeBSD. Using QtWebKit as the back-end, it offers fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. The following simple script for PhantomJS loads Google homepag

nilab 2011/09/02

PhantomJS: Headless WebKit with JavaScript API

リンク

WebKitの３D回転をざっくりまとめてみた - livedoor Blog（ブログ）

MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transf orm/Transitionの基本 -webkit-transf ormで２次元や３次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transf ormが変化する時のアニメーションを規定する。流れとしては-webkit-transitionを決めた後に-webkit-transf ormを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa