Tag Archives: Chrome

Chorme Developers Tool tips

At the moment I'm taking Udacity's course Mobile Web Development and in Lesson 2 there were some good tips about Chrome Developers Tool.

[caption id="attachment_122" align="alignnone" width="754"]Chrome Developers Tool color checkbox If you hover color's checkbox - the hint is there.[/caption]

  1. Click on color's checkbox, it opens colorpicker and you can play with colors directily in your browser.

    [caption id="attachment_126" align="alignnone" width="804"]You can test colors using Chrome Developers colorpicker You can test colors using Chrome Developers colorpicker[/caption]

  2. If you press SHIFT and click color's checkbox — it changes color format: hex → rgb → hsl.

  3. If you click on any numerical value and use your mouses's scroll — you can change it as you wish, smaller or bigger.