Chrome Archives Page 2 of 2

In 2013, I posted a few tutorials on DevTools: Markup and Style, Networking and the Console and JavaScript and Performance, covering the basic features of the various DevTools panels. Since then, a lot has changed, so let’s take a look. Tl;dr DevTools has grown quite a bit since it was last covered on Tuts+, here are some of the features you’ll want to be aware of: Screencasting: view and interact with web pages on your Android device via DevTools on the desktop. Workspaces: use the Sources panel as a code editor. Edit code in your project and have that persist to disk. Source Map debugging: writing LESS/Sass or even CoffeeScript? Output Source Maps during compilation to have DevTools understand the mapping. *Flame Chart: *view an interactive …

See original article taken from here:

Chrome DevTools Features You May Have Missed

What would you say if we told you that it’s possible to copy, translate, edit and even erase the text inside any image you find on the internet? Well, you can, and it’s a lot easier than you might think. All it requires is a new browser extension, called Project Naptha, made by developer Kevin Kwok. It uses a number of optical character recognition (OCR) algorithms, including libraries developed by Microsoft and Google, which quickly build a model of text regions, words and letters from nearly any image. Once installed, you simply hover your cursor over available image text and select it. Using its built-in tools, you can do a number of things: Firstly, you can copy your selection. This is great if you’ve been emailed…

See original article taken from here:

This Chrome add-on lets you copy and erase text inside any image on the web

Listen Now

Tag: Chrome

Chrome DevTools Features You May Have Missed

This Chrome Add-on Lets You Copy & Erase Text Inside Any Image on the Web