The idea of the virtual viewport is to split the notion of “the viewport” into two, “the layout viewport” (where fixed position items are attached) and “the visual viewport” (What the users actually see). In the screenshots above you can cleary see this in action: without a virtual viewport it’s not possible to view right …
Tag Archives: chrome
Chrome DevTools Animation Controls
Taking Chrome DevTools outside of the browser
Let me introduce what I call the Chrome DevTools App. It’s a standalone app that runs Chrome DevTools in its own process. It’s powered by node-webkit, and it’s able to run on Windows, Mac and Linux, completely independently of Chrome. From the same guy who brought/is bringing us RemoteDebug. Taking Chrome DevTools outside of the …
Continue reading “Taking Chrome DevTools outside of the browser”
Marking HTTP As Non-Secure
My name is Bramus and I approve this message: We, the Chrome Security Team, propose that user agents (UAs) gradually change their UX to display non-secure origins as affirmatively non-secure. We intend to devise and begin deploying a transition plan for Chrome in 2015. The goal of this proposal is to more clearly display to …
Emoji in Chrome on Mac / OS X
Over the weekend an important set of commits (this one amongst others) landed in Chromium, enabling Emoji in Chrome on OS X, and – after 4 years – marking the bug “Emoji does not display in webpage contents on OS X Lion+” as fixed. When using Canary, things like The Pile Of Poo Test will …
Debugging iOS Safari and UIWebViews using Chrome DevTools
The ios_webkit_debug_proxy allows developers to inspect MobileSafari and UIWebViews on real and simulated iOS devices via the DevTools UI and WebKit Remote Debugging Protocol. DevTools requests are translated into Apple’s Remote Web Inspector service calls. The proxy detects when iOS devices are attached/removed and provides the current device list on http://localhost:9221. A developer can click …
Continue reading “Debugging iOS Safari and UIWebViews using Chrome DevTools”
Debugging Chrome using the Firefox Debugger
Developing across multiple browsers and devices is the main issue developers have when building applications. Wouldn’t it be great to debug your app across desktop, Android, and iOS with one tool? We believe the Web is powerful enough to offer a Mobile Web development solution that meets these needs. Enter an experimental Firefox add-on called …
Continue reading “Debugging Chrome using the Firefox Debugger”
Responsive Inspector
Blink: A rendering engine for the Chromium project
Google just announced it’ll fork Webkit for use with Chrome/Chromium as it has become too difficult to add features to it as Chrome uses quite a different multi-process architecture than other WebKit-based browsers: When Chromium started, our goal was to change as little of WebKit as possible, easing integration with the WebKit codebase. With Blink …
Continue reading “Blink: A rendering engine for the Chromium project”