You Can Use CSS To Style console.log!

🌎 Find Me Here:

#Shorts

[larsverschoor]

Imagine creating a whole website in the console

[dziugazz]

wow bro, more things I can waste time on instead of coding! cool

[stargazertales]

This can motivate kids to code. It could also be used as a way to bide time after hours of coding to relax the mind. Too many programmers lost their passion for their work because of repetitive coding

[mushroomcraft]

I thought this said "You Can Use CSS To console.log"

[tobi_dosumu]

Looking forward to styling prompt(), alert() and confirm()

[quixote]

i just drank a coke and realised it has 35grams of sugar

[holuhola]

Styling ? When I'm just trying to find why my code is working... Only few will understand 🤣

[HuntingKingYT]

Apparently, from when i had been checking that, you can't use most outer layout properties (mainly _display_ ), thus excluding _margin_

[Alan_the_Red]

Awesome! Going to surprise my boss with this lol. Thanks

[imiebaka]

I remember one time i got an offer through the command line. I must say it's a good trend.

[thatsalot]

It can actually be helpful if you make a small array of those string values, and use them as template literal for different kind of console outputs like green for when the code is working red for when it's not working (just don't get confused with errors)

[goodluckoriuwa]

Do a tutorial on how we can style the alert with css

[wlockuz]

In before I end up debugging why my console.log doesn't look like the way I wanted it to when that console.log was supposed to help me debug my original code.

[NNNedlog]

Now that you've showed me this, i hope i don't get addicted to style console log messages :)

[bilalkureshi]

Nodejs Don't have Same Behaviour so You gotta have some hexa-decimal Parsing but that's already implemented by chalk module just use it :D

[WiLDeveD]

very useful and lovely. Thanks Kyle and keep going...

[love-hammer]

Not totally useless info. lol You could create a snippet in vs-code or whatever to drop in your custom message and have it stand out if you've got other output causing clutter (or tweak the color slightly for different log messages without worrying about the content of the message). This could legit save people time.

[azaria_phd]

Really looking forward to annoying debugging because library devs decided that simply having a log of monospaced strings was too boring for them and that they could do better.

[AustiBomb]

Yay! Now i can make my debug logs look better than the actual app!

[swimmyJones]

Didn't work very well for me in Firefox. Pretty cool that it's even possible though.