You can use css counters to output the count on non fizz, buzz or fizzbuzz iterations<p><a href="http://codepen.io/anon/pen/QbNLxO" rel="nofollow">http://codepen.io/anon/pen/QbNLxO</a><p><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Count...</a>
I could be wrong, but I believe the post that he's referring to as inspiration is this one: <a href="https://css-tricks.com/tales-of-a-non-unicorn-a-story-about-the-trouble-with-job-titles-and-descriptions/" rel="nofollow">https://css-tricks.com/tales-of-a-non-unicorn-a-story-about-...</a><p>A pretty interesting story about job titles and descriptions that are not representative of the job they're trying to hire for.
I feel like it must be possible to do the numbers using CSS's counters: <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Count...</a> If I didn't have a whole bunch of work to do this afternoon, I'd have a go myself.
This is kind of brilliant. I think if I were interviewing you, and asked you to do a FizzBuzz (which is unlikely, but let's ignore that), and you said "Oh, cool, can I do it in CSS," I'd have probably laughed at you.<p>This is clearly an academic exercise, but one that I would never have even thought to attempt, as I probably would have chalked it up to probably waaaay more trouble than it's worth.
Pretty cool. Slightly different than the one posted three years ago <a href="https://news.ycombinator.com/item?id=3939294" rel="nofollow">https://news.ycombinator.com/item?id=3939294</a>
Can anyone recommend some intermediate resources for learning CSS. I have gone though css dog, and I kind of know most of that stuff already. Everything seems to be beginner or expert level.<p>And not csszengarden. It has some wonderful examples, but doesn't really explain how they work.
Here's the solution with numbers in the non-fizzbuzzy boxes: <a href="http://codepen.io/kylf/pen/zGqOjy" rel="nofollow">http://codepen.io/kylf/pen/zGqOjy</a>
Shorter version of pure css fizzbuzz :)<p><a href="http://codepen.io/livingston/pen/xGVbGd?editors=110" rel="nofollow">http://codepen.io/livingston/pen/xGVbGd?editors=110</a>
I love how declarative style makes the important part of the code practically trivial.<p>If anyone needs an example to show how functional style is more concise and expressive than procedural, this could be one.
Nice! I am going to use this concept to solve problems "that can only be done in Javascript." Can't wait to confuse and delight the designers.
Without the JS:<p><a href="http://codepen.io/anon/pen/NqNKYv" rel="nofollow">http://codepen.io/anon/pen/NqNKYv</a>