CSS Diner • Hacker News Board

Re: CSS Diner

#31

Post by Falling3 » Tue, Mar 25, 2014, 1:20 AM UTC

xtacy wrote: post #27

Quite fun. I was typing in the correct answer for the first puzzle, but with a "{ }" at the end and it marked me incorrect. Maybe pop up a warning to tell the user not to type braces?

There's an opening brace on the next line that could probably be more obvious.

Re: CSS Diner

#32

Post by zacinbusiness » Tue, Mar 25, 2014, 1:36 AM UTC

On an iPad I long-tapped one of the plates and the highlight animation got really funky.

Re: CSS Diner

#33

Post by primitivesuave » Tue, Mar 25, 2014, 1:42 AM UTC

This is amazing, literally the best way I've ever seen for teaching about CSS selectors. I'm very grateful you made this open source so more levels and features can be added.

Re: CSS Diner

#34

Post by _august » Tue, Mar 25, 2014, 1:43 AM UTC

This is great. Although, at first I thought it was one of those codepen CSS creations.

For # 16, I tried the following which did not work:

  pickle:only-child, apple:only-child

However, this worked:

  apple:only-child, pickle:only-child

Re: CSS Diner

#35

Post by matthuggins » Tue, Mar 25, 2014, 1:44 AM UTC

Cool, but it's definitely got some issues. For example, this failed:

  orange:last-of-type, apple:last-of-type

while this worked:

  apple:last-of-type, orange:last-of-type

Re: CSS Diner

#36

Post by durkie » Tue, Mar 25, 2014, 1:54 AM UTC

absolutely love it. thanks for the creative way of teaching css -- it's very well done!

Re: CSS Diner

#37

Post by vysakh0 » Tue, Mar 25, 2014, 2:24 AM UTC

This is really useful and fun to use. At first I din understand how to solve the problem, then realized the plate is related to the puzzle. Great work!

Re: CSS Diner

#38

Post by danoc » Tue, Mar 25, 2014, 2:27 AM UTC

Really well done. I'd love to see one of these teaching the CSS animations they use.

Re: CSS Diner

#39

Post by rahmatawaludin » Tue, Mar 25, 2014, 2:34 AM UTC

Why don't you use strawberry? I love strawberry.. :)

Re: CSS Diner

#40

Post by tyleregeto » Tue, Mar 25, 2014, 2:37 AM UTC

I can always tell when a designer is working on a large screen, this feels very awkward on my 13 inch laptop. There is just a little too much vertical height. I keep wanting to scroll to see the whole thing. Very nice idea though, well done!