It's amusing that both this and "SVG can do that?"[1] are on the front page right now. Is it better to draw using HTML/CSS or SVG? I guess the answer is complicated. [1] https://news.ycombinator.com/item?id=15023766
Draw a horizontal tree using CSS pseudo elements
11–15 of 15 posts
Re: Draw a horizontal tree using CSS pseudo elements
#12It's amusing that both this and "SVG can do that?"[1] are on the front page right now. Is it better to draw using HTML/CSS or SVG? I guess the answer is complicated. [1] https://news.ycombinator.com/item?id=15023766
SVG can work very well, an example project is Google Blockly [1]. [1] https://developers.google.com/blockly/
Re: Draw a horizontal tree using CSS pseudo elements
#13Earlier quoted context omitted.
SVG can work very well, an example project is Google Blockly [1]. [1] https://developers.google.com/blockly/
is this the same thing MIT scratch uses?
"Scratch Blocks [2]: Designed by the people behind MIT's Scratch and built on the Blockly code base, Scratch Blocks offers a simplified programming model ideal for young learners."
Re: Draw a horizontal tree using CSS pseudo elements
#14This is really cool. Yet, somehow, as cool as it is, I find it terribly depressing. In comparison to other "look what I can do" projects -- such code golf, or demo programming, or quines -- which achieve impressive results in a constrained environment because it's challenging, thousands of programmers have HAD to do silly things in CSS because there's no other choice. These amazing-yet-hacky solutions get copy-pasted…
Not sure what point you are making here, but one of the nice things about modern browsers is you can write CSS and see the page update in real time. This is likely where a lot of OPs code came from, that might look confusing if you take it at face value only. Whenever I'm faced with a CSS problem, it's usually just a case of toggling on/off CSS in the DevTools to find the offender.
Re: Draw a horizontal tree using CSS pseudo elements
#15This is really cool. Yet, somehow, as cool as it is, I find it terribly depressing. In comparison to other "look what I can do" projects -- such code golf, or demo programming, or quines -- which achieve impressive results in a constrained environment because it's challenging, thousands of programmers have HAD to do silly things in CSS because there's no other choice. These amazing-yet-hacky solutions get copy-pasted…