Recent articles

Tags

Putting up the Christmas Decorators

Dec 16, 2019

It's that time of year again, and you know what that means. You get to dig deep into (local) storage, find the Christmas decorators, setup the Strings of lights and ornaments, setup the (DOM) tree, and of course, style your console logs. You were planning to bring Christmas to your home right?

Let's get those console logs of yours spruced (🎄) up.

TLDR: Paste this random JS script into your browser and hope for the best, or read on for how we styled the console.

console.log('\tIt\'s Christmas Time!');
console.log('\tTime to take out the decorations');
console.log('\tReady to decorate your home?');
console.log('\tAnd of course, your home is the console, right?');

The first string parameter is the formatting string. The rest of the parameters should be values to be formatted, or the inline CSS styles. Heads up, only a minimal set of basic CSS is supported.

Chrome + Firefox Properties

background

border

border-radius

box-shadow

color

cursor

display

font

line-height

margin

outline

padding

whitespace

word-spacing

word-break

writing-mode

Putting these formatters to work together with some monkey patching and you've got yourself some Christmas Spirit.

He's making a list, and logging it twice. Santa Clause is logging in production because he knows uptime is critical. If you you've enjoyed Christmas logs, you'll love Wisdom's logs. Wisdom logs application state alongside user actions and HTML changes ("session replay") to debug known bugs, and explore around for new bugs. Redux action and state alongside your rage clicks and network requests.

Wisdom is a real-time website issue monitoring service that uses video session replay technology and anomaly detection web analytics to find critical bugs in your website. Wisdom is great for enterprise SLAs, and both SOC2 and ISO 127001 compliance.