critical css Archives - Pietari Heino's personal website https://www.extreg.com Fri, 11 Nov 2016 23:40:40 +0000 en-US hourly 1 https://wordpress.org/?v=5.6.7 99365322 CSS coverage, edit local files, inline breakpoints… [Chrome DevTools] https://www.extreg.com/blog/2016/11/css-coverage-edit-local-files-inline-breakpoints-chrome-devtools/ https://www.extreg.com/blog/2016/11/css-coverage-edit-local-files-inline-breakpoints-chrome-devtools/#respond Fri, 11 Nov 2016 23:38:36 +0000 https://extreg.com/?p=98 The Chrome team has added a bunch of very nice and shiny features to the Chrome DevTools. They should be available in the Canary branch right now and reach beta and stable at later dates. Unfortunately there’s no Canary for Linux so I’m not able to test these yet, blargh. Best new features in my ... [Read more...]

The post CSS coverage, edit local files, inline breakpoints… [Chrome DevTools] appeared first on Pietari Heino's personal website.

]]> The Chrome team has added a bunch of very nice and shiny features to the Chrome DevTools. They should be available in the Canary branch right now and reach beta and stable at later dates. Unfortunately there’s no Canary for Linux so I’m not able to test these yet, blargh.

Best new features in my opinion:

  • CSS coverage by recording a timeline
  • Persistent file editing via DevTools
  • Automatic local project folder mapping
  • Inline breakpoints
  • Web and Node debugging at the same time

There are other additions as well. Check out this Debugging the Web video from Chrome Dev Summit 2016 to learn more. There’s also a nice little GIF showing how the CSS coverage works over at umaar.com.

The post CSS coverage, edit local files, inline breakpoints… [Chrome DevTools] appeared first on Pietari Heino's personal website.

]]> https://www.extreg.com/blog/2016/11/css-coverage-edit-local-files-inline-breakpoints-chrome-devtools/feed/ 0 98