4 ms·

SVG would be a better fit. Hand written SVG is underrated. But maybe it would not be difficult enough to make them in SVG. Whenever you feel the CSS get a bit h

by z3t4 7y ago

SVG would be a better fit. Hand written SVG is underrated. But maybe it would not be difficult enough to make them in SVG. Whenever you feel the CSS get a bit hacky, like backgrounds with round shapes, it can usually be solved in a few lines of SVG. SVG also has classes and CSS, yes you can have CSS in SVG for style reusability and abstraction. You can also create SVG on the fly using JavaScript.

peterkelly 7y ago
I suspect you may be missing the point of this exercise
- jiofih 7y ago
  I suspect the exercise may be missing the point (there is none). Parent is right.
  - Sholmesy 7y ago
    Demonstrating prowess with CSS is the point, which they have succeeded.
    - gpderetta 7y ago
      and in general making art on unconventional media is a time honoured endeavour.
      - jiofih 7y ago
        The point is that art does not need to “have a point”.
- rpastuszak 7y ago
  If everything I did had a practical purpose, I'd die from boredom without learning anything beforehand. Kudos to the poster for sharing this. Also, if I was hiring a developer with decent CSS knowledge, and found this attached to their CV, it'll help me skip a ton of questions (and I'll be less bored during the interview). Next step: ensure that the related Simpons characters' images are build using CSS cascade:) Sidenote: I think we should put more energy in replying to the OP, rather than feeding trolls (I'm up for constructive criticism, but genuinely think that the parent comment doesn't add anything to the discussion).
  - imtringued 7y ago
    >but genuinely think that the parent comment doesn't add anything to the discussion I am so tired of having to use flawed tools to achieve a certain goal. Why can't there be a non flawed tool? Often it doesn't exist and then people start cursing. This HN submission is not like that. Proper tools like SVG exist and they make this work like this painless. This is an example of someone going out of his way to feel pain. I don't like pain and I don't want to encourage others to inflict "self harm" upon themselves just because it's cool.
    - rpastuszak 7y ago
      Better tools exist. Someone was just trying to have fun, ffs. Your approach to work/learning might not necessarily reflect the others'. Picking a technical detail (bear in mind, almost everyone here knows about SVG, WebGL etc...) seems a bit ironic to me, as you mention "pain" and "self harm", whereas the reply by itself seems to lack empathy. Or, an understanding of context.
- cousin_it 7y ago
  I like unconventional solutions and hacks as much as the next guy, but a good hack should be better than the conventional solution in at least some way (like simplicity or tweakability). If the hack is worse in every way - the CSS is both longer and harder to write than the equivalent SVG - it's not as interesting to me.
  - Symbiote 7y ago
    You are also missing the point. This is not a good hack. It is art.
    - deleted 7y ago
      [deleted]
anonsivalley652 7y ago
"It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better. The credit belongs to the man who is actually in the arena, whose face is marred by dust and sweat and blood; who strives valiantly; who errs, who comes short again and again, because there is no effort without error and shortcoming; but who does actually strive to do the deeds; who knows great enthusiasms, the great devotions; who spends himself in a worthy cause; who at the best knows in the end the triumph of high achievement, and who at the worst, if he fails, at least fails while daring greatly, so that his place shall never be with those cold and timid souls who neither know victory nor defeat." ― Theodore Roosevelt Would it be too inconvenient to first appreciate the art before barfing all over someone else's "birthday cake?"
- PopeDotNinja 7y ago
  Barely related... My favorite bathroom sign says "we don't swim in your toilet, don't pee in our pool".
- z3t4 7y ago
  Some art you need to know how hard it is to make in order to appreciate it. Next time you are stuck with a CSS problem, you might think that if this guy can paint freaking Simpons in CSS why can't I get this simple curve to look like I want!? Then you solve the problem in SVG instead. And start to appreciate the art even more. You can however cheat in CSS "art" by creating lots of div's with absolute positioning, where a SVG solution would be more elegant.

by z3t4 7y ago

peterkelly 7y ago

I suspect you may be missing the point of this exercise

jiofih 7y ago
I suspect the exercise may be missing the point (there is none). Parent is right.
- Sholmesy 7y ago
  Demonstrating prowess with CSS is the point, which they have succeeded.
  - gpderetta 7y ago
    and in general making art on unconventional media is a time honoured endeavour.
    - jiofih 7y ago
      The point is that art does not need to “have a point”.
rpastuszak 7y ago
If everything I did had a practical purpose, I'd die from boredom without learning anything beforehand. Kudos to the poster for sharing this. Also, if I was hiring a developer with decent CSS knowledge, and found this attached to their CV, it'll help me skip a ton of questions (and I'll be less bored during the interview). Next step: ensure that the related Simpons characters' images are build using CSS cascade:) Sidenote: I think we should put more energy in replying to the OP, rather than feeding trolls (I'm up for constructive criticism, but genuinely think that the parent comment doesn't add anything to the discussion).
- imtringued 7y ago
  >but genuinely think that the parent comment doesn't add anything to the discussion I am so tired of having to use flawed tools to achieve a certain goal. Why can't there be a non flawed tool? Often it doesn't exist and then people start cursing. This HN submission is not like that. Proper tools like SVG exist and they make this work like this painless. This is an example of someone going out of his way to feel pain. I don't like pain and I don't want to encourage others to inflict "self harm" upon themselves just because it's cool.
  - rpastuszak 7y ago
    Better tools exist. Someone was just trying to have fun, ffs. Your approach to work/learning might not necessarily reflect the others'. Picking a technical detail (bear in mind, almost everyone here knows about SVG, WebGL etc...) seems a bit ironic to me, as you mention "pain" and "self harm", whereas the reply by itself seems to lack empathy. Or, an understanding of context.
cousin_it 7y ago
I like unconventional solutions and hacks as much as the next guy, but a good hack should be better than the conventional solution in at least some way (like simplicity or tweakability). If the hack is worse in every way - the CSS is both longer and harder to write than the equivalent SVG - it's not as interesting to me.
- Symbiote 7y ago
  You are also missing the point. This is not a good hack. It is art.
  - deleted 7y ago
    [deleted]

anonsivalley652 7y ago

"It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better. The credit belongs to the man who is actually in the arena, whose face is marred by dust and sweat and blood; who strives valiantly; who errs, who comes short again and again, because there is no effort without error and shortcoming; but who does actually strive to do the deeds; who knows great enthusiasms, the great devotions; who spends himself in a worthy cause; who at the best knows in the end the triumph of high achievement, and who at the worst, if he fails, at least fails while daring greatly, so that his place shall never be with those cold and timid souls who neither know victory nor defeat." ― Theodore Roosevelt Would it be too inconvenient to first appreciate the art before barfing all over someone else's "birthday cake?"

PopeDotNinja 7y ago
Barely related... My favorite bathroom sign says "we don't swim in your toilet, don't pee in our pool".
z3t4 7y ago
Some art you need to know how hard it is to make in order to appreciate it. Next time you are stuck with a CSS problem, you might think that if this guy can paint freaking Simpons in CSS why can't I get this simple curve to look like I want!? Then you solve the problem in SVG instead. And start to appreciate the art even more. You can however cheat in CSS "art" by creating lots of div's with absolute positioning, where a SVG solution would be more elegant.