Archive for the "devtools" Tag

CommonJS modules with live edit in devtools

As you might know, I’m a big fan of Chrome devtools’ live edit and workspaces (video playlist), and it’s this workflow that’s kept me away from Browserify. So I went about creating an experiment that allowed me to use CommonJS modules in development and that allowed me to edit and save directly in devtools without […]

Using watches in my devtools workflow

I’ve recently found that I’m able to optimise my workflow inside of devtools using “Watch Expressions” which I’ve found (for me) is often left untouched.

My workflow v3: full coding stack

I’ve recently been working 100% inside of Chrome’s devtools using the powerful feature “workspaces”. This gives me access to write to any file on the file system. So I’ve recorded another short screencast (6mins) to show you how to enable it, and quick demo of how I’ve been using it on my Node projects.

Insights into rendering performance

Since I was stuck in a hotel for a day, I thought I’d poke around devtools and see if I can try applying some anti-jank techniques. As usual, I bumped in to some problems, so I felt they were post worthy (if only for my memory). Annoyingly, I’d probably argue all the work I did […]

My Workflow v2: Mobile, DevTools & LiveReload

Since I’m sat at Mobilism 2013 I think it’s worth sharing my recent mobile (mainly CSS) workflow. It’s not rocket science, but it’s a nice follow on from my workflow with devtools I shared a few months back. It simply boils down to using LiveReload on the page, using DevTools with the “Save As” functionality […]

My Workflow: Never having to leave DevTools

At this time of year (Christmas) there’s a lot of tip-like articles that emerge, so I wanted to share what I felt like was the single greatest technical win I have come across in the last few months: using Chrome DevTools for full web dev workflow – so I recorded a quick 4 minute screencast […]