Do you use responsive images, lazy loading, or other optimizations? If not, why not? What affects your decisions?
Answer a few simple questions to help us understand your needs, and what we can do to make your life easier. Get Started

Five tricks to use in the Console Panel

Five tricks to use in the Console Panel

Use the inspect() command to jump straight to a passed-in DOM node


Use the copy() command to copy text to your clipboard

// stores ["top", "window", "location", "external"... and so on

Style your console output

console.log('%cHello world', 'font-size:40px;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);');

Get the values of an object

    one: 1,
    two: 2,
    three: 3

// logs [1, 2, 3]

Clear the console

Cmd + K (Ctrl + L on Windows)