Sublime Web Inspector — Debug JavaScript in SublimeText

Set and remove breakpoints right in SublimeText See all console messages with level See object properties See a stack and all variables (local, global, closure) Evaluate selection on current call frame Live reload Sublime Web Inspector →

Find Your Way to Oz

“Find Your Way to Oz” is a new Google Chrome Experiment brought to the web by Disney. It allows you to take an interactive journey through a Kansas circus, which leads you to the land of Oz after you are swept up by a massive storm. Find Your Way to Oz → “Find Your Way …

WebRTC RTCPeerConnection interoperability between Firefox and Chrome

RTCPeerConnection (also known simply as PeerConnection or PC) interoperability means that developers can now create Firefox WebRTC applications that make direct audio/video calls to Chrome WebRTC applications without having to install a third-party plugin. Because the functionality is now baked into the browser, users can avoid problems with first-time installs and buggy plugins, and developers …

Tincr — Edit and save files from Chrome Developer tools + Live reload for Chrome

Tincr is a tool that arose from my own frustration with switching back and forth between Chrome Developer Tools (or devtools for short) to do debugging and my text editor to do coding. The idea behind Tincr is that you can save changes to your original source file from within Chrome Developer Tools. In addition, …

Opening links in Chrome for iOS

To actually open a URL in Chrome, the URI scheme provided in the URL must be changed from http or https to the Google Chrome equivalent. Clever way to bypassing the fact that you cannot choose your browser on iOS (Sidenote: I wonder what would happen if Microsoft ever were to try this). Code example …

CSS calc() in Webkit

As mentioned before, CSS calc() was about to come to Chromium/Chrome (Webkit). Since about a week ago, the first part of the implementation has landed into the Canary builds: Adds calc expressions to CSSPrimitiveValue. This enables simple (ie no mixing of percents with numbers/lengths) expressions to be evaluated on most properties. No mixing yet, but …

CSS calc() in Chromium/Chrome

Three days ago this was committed: This is the parsing stage of calc. The expressions are evaluated and expression trees are generated. CSS values are not created yet – that will happen in a subsequent commit. Looking forward to the next commits, as this feature will make things — such as flexible columns with a …