tholman / console-dot-frog

Forget console logs, console.frog is where its all at!

console.frog

console.frog is an easy way to spice up your development life. Its really that simple! Runs on vanilla javascript, in most modern browsers (the kind that has developer tools!). You can see it live here.

Preview

So, here's what regular life looks like:

// Here is you, logging some logs
console.log("Boring.");

// And here is your output.
Boring.

Wow, what a drag that was! No wonder you've become disenchanted with web development.

NOW! Here's what your life could be after console.frog

// Here is happy you, logging some logs
console.frog("Amazing!");

// And here is your output.
          _,-.     ------------
  ,-. ,--'  o ) -(   Amazing!   )
  \(,' '  ,,-'     ------------
 ,-.\-.__,\\_
 \(`--'    `\

Wow. That feels good!

Usage

Simply include the console.frog.js file into your app!

or using npm and Node.js, just run...

npm install console-dot-frog

...in your terminal, then include...

import 'console-dot-frog';

...at the top of the file you want to use it in.

License

Copyright (c) 2016 Tim Holman - http://tholman.com

The MIT License

console-dot-frog's Issues

Consider putting the log message under the frog

Another way to think about logging is as a wavering request to the computer to acknowledge that developers did in fact write code that does the thing or gets to the place it needs to go. The frog is a bit like an abstract, amphibian version of Clippy, and it reminds developers they are not alone. But if the log was under the frog, that is, providing structural support and consistency to that frog's life, perhaps then developers would feel proud of their logging.

One option is to repurpose console.log.

Needs color support

A black&white frog just doesn't make the cut.

Node support

This definitely needs to be on npm

Create bower artifact

Brilliant idea, but could you add it to the bower registry please?

make frog like cowsay?

would be awesome ^^