webkit
What is the difference between testing on Safari vs Webkit?
Stock browsers like Google Chrome, Apple Safari embed rendering engines (Chromium, WebKit) and add stuff on top of them. In particular, they add proprietary media codecs, inject browser extensions, etc. They also add surrounding interfaces such as bookmarks sync. But they reuse the underlying web platform implementation. Chromium Chromium is the open source web platform … Read more
How to show the inspector within your WKWebView based desktop app?
For Swift, instead of building a bridging header you can set it directly self.webView.configuration.preferences.setValue(true, forKey: “developerExtrasEnabled”)
Webkit support for gradient transitions
Trying to do the same thing. As of right now I do not think it is possible to animate a gradient. I’m using a workaround. Instead of animating the gradient, I’m using a semi-transparent gradient for the background-image and then animating the background color. #button { background-color: #dbdbdb; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, … Read more
SVG height incorrectly calculated in Webkit browsers
svg { max-height: 100%; } WebKit bug documented here: https://bugs.webkit.org/show_bug.cgi?id=82489 I also added the workaround to the bug tracker.
How do I access an iframe from CasperJS?
Spent forever looking for this, and of course I found the answer minutes after posting the question. I can use the new frame switching commands added to phantomjs in this commit. Specifically, the this.page.switchToChildFrame(0) and this.page.switchToParentFrame() functions. It appears undocumented, and it also seems that the methods have been changed for upcoming releases, but it … Read more
Wonky text anti-aliasing when rotating with webkit-transform in Chrome
Try triggering the CSS 3d Transform mode with webkit. this changes the way chrome renders -webkit-transform: rotate(.7deg) translate3d( 0, 0, 0); edit There also a Webkit only style declaration -webkit-font-smoothing which takes the values none subpixel-antialiased antialiased where subpixel-antialiased is the default value. Alas, the subpixel antialias is no good solution for rotated text. The … Read more
Safari changing font weights when unrelated animations are running
When you trigger GPU compositing (eg, through CSS animation), the browser sends that element to the GPU, but also anything that would appear on top of that element if its top/left properties were changed. This includes any position:relative elements that appear after the animating one. The solution is to give the animating element position:relative and … Read more