Hate your co-workers? Start using unicode whitespace css classes

Posted by SchizoDuckie on Monday May 05, 2014 @02:19PM
from the jsbin.com dept.

http://jsbin.com/nuhinuda/1/edit?html,css,output

( 7 comments | 19 points | on HN )

Re:Hate your co-workers? Start using unicode whitespace css ... by SchizoDuckie on Monday May 05, 2014 @02:43PM (#7700300)

I have to give some kudo's to http://davidwalsh.name/unicode-css-classes for pointing out that you can use unicode css classes here. My evil brain did the rest.

For any of you that come here after a 5 hour search for why your styles are messed up: Sorry :P

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by russelluresti on Monday May 05, 2014 @06:02PM (#7701568)

Another use of this trick - use these unicode spaces as white space between two words. So a single class of ".super cool", when applied to the html, would look like you were applying two separate classes.

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by SchizoDuckie on Monday May 05, 2014 @06:51PM (#7701805)

Or if you're truely evil, you insert the zero-width space inbetween .supercool and .super᠎cool

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by th0br0 on Monday May 05, 2014 @02:57PM (#7700399)

Does this work on IE?

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by SchizoDuckie on Monday May 05, 2014 @04:30PM (#7701013)

http://i.imgur.com/8ZyY4W2.png

Works on IE7.

IE6, well nevermind..

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by c0deporn on Monday May 05, 2014 @02:23PM (#7700176)

This is hilarious!

[ Parent | on HN ]

Re:Hate your co-workers? Start using unicode whitespace css ... by rrrx3 on Monday May 05, 2014 @04:12PM (#7700884)

So good. hahahaha

[ Parent | on HN ]