Quick Tip: Change "Console" Tab's Position in Chrome Dev Tools

With updates come confusion and changes that are often difficult to adapt to. Recently Google released the Chrome 47, surprisingly there are more visual changes in Developer tools then there are in the general browser interface.

Style Output in Webkit Developer Console

The Chrome or Webkit Developer Console is not as boring as just plain monospace texts, it is very little known that one can output text with different styles like colors, size and even backgrounds to give the console output an attractive look and don't have to learn any new language to do that, our good 'ol CSS is all that is required.

Quick Tip: Format Code Inside Google Chrome Dev Tools

Debugging front end JS and CSS files in Chrome Developer Tools has made the work of an average web developer very easy. You can edit the styles directly and see live changes without even reloading.

Using Cubic-Bezier Tool in Google Chrome Devtools

With recent updates to the Google Chrome browser it has released a couple of new features of the Developer tools including the cubic-bezier editor. If you are new to it or looking for inspiration to use them for real projects this entry might be useful.