connoratherton.com on HackerShow

Dev tools

css loading animations

SHOW HN2015

Performance-focused pure CSS loading animations

Shown by connoratherton on Mar 24, 2015. Click the card to turn it over.

49points

15comments

#574of 2,565 in 2015

Top 23%of 2015 by points

How HN took it

DebatedReal support and real criticism

3 positive, 3 neutral or asking, 1 mixed, 3 critical, out of 10 comments about the project. Thread score 0.00.

Performance: 0 for, 2 againstExecution: 0 for, 1 againstIdea: 1 for, 0 againstDesign: 1 for, 0 against

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

Many animations do not work in Firefox
From 2 comments
- As others have mentioned, most of these don't work on Firefox. For the few that I looked at, the only problem seemed to be a missing unit identifier on the animation delay. For a…
  j4_james on HN
- I think you could make similar arguments against the use of CSS. eg: - plays nicer on lower end hardware (I actually don't buy that CSS is smoother than GIF. I think it's 50/50…
  laumars on HN
Demo page causes high CPU usage
From 1 comment
- These are pretty, however the demo page causes my Firefox to spin up to over 100% CPU utilization (obviously with hardware rending enabled). Why not just use a gif?
  syntheticcdo on HN
A GIF would be simpler or more performant
From 2 comments
- These are pretty, however the demo page causes my Firefox to spin up to over 100% CPU utilization (obviously with hardware rending enabled). Why not just use a gif?
  syntheticcdo on HN
- This is really nice, but wouldn't it be much more performance focused to simply use a gif?
  deepuj on HN

Add a Pac-Man chomping animation with cherries
From 1 comment
- Very nice. A pair of red cherries if you can make pac-man chomp though!
  sago on HN