Pulse
Dev tools
ui snippet
SHOW HN2011
How HN took it
2 positive, 7 neutral or asking, 0 mixed, 15 critical, out of 24 comments about the project. Thread score -0.47.
Execution: 0 for, 8 againstDesign: 1 for, 2 againstIdea: 1 for, 2 againstPerformance: 0 for, 2 againstDocs: 0 for, 1 against
The thread, comment by comment
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
What HN said
What people liked
Nice little effect with useful ideas for force-directed graphs.
From 2 comments
Nice little effect. Could work well on realtime force-directed graphs: http://mbostock.github.com/d3/ex/force.html
oscilloscope on HNUsing JavaScript to render to a canvas will work in all modern browsers, while maintaining (or even enhancing) the CSS's flexibility. I first thought the JavaScript solution…
pharrington on HN
Objections
Works only in WebKit browsers, not cross-browser.
From 3 comments
It only works on webkit browsers.
mannicken on HNTop of hacker news: a dot that.... pulses. And doesn't even work in most browsers. I mean I know it's the weekend and maybe a slow news day, but really?
retube on HNdoesn't pulse on chrome 14.0.835.165m on windows
ajarmoniuk on HN
Animation uses CSS where an animated GIF or canvas would be more portable.
From 3 comments
I understand it is a very neat piece of CSS scripting, but how does this compare to a simple animated GIF from practical perspective?
abcd_f on HNGIF's don't support alpha transparency, making them the opposite of practical for an effect like this.
pharrington on HNUsing JavaScript to render to a canvas will work in all modern browsers, while maintaining (or even enhancing) the CSS's flexibility. I first thought the JavaScript solution…
pharrington on HN
Causes high CPU use in Windows Desktop Window Manager under Chrome.
From 1 comment
Pretty nice, but it appears that whatever method is used to generate the pulse, it causes the CPU utilization of the Desktop Windows Manager (dwm.exe) to shoot up to about 10-15%…
steve8918 on HN
Requests
Make it cross-browser, including IE9 and Firefox.
From 3 comments
I can't but I'd downvote this simply for not being cross browser compatible in some form
aj on HNI must agree with most people complaining here, it should work on ALL modern browsers (including IE9). The implementation is not even great either, see this screenr I made:…
bwblabs on HNFirefox 5+ supports CSS3 animations and transforms with the -moz prefix. A quick replace all in pulse.css gets the animation working fine.
zhwang on HN
Support multiple targets using classes instead of IDs.
From 1 comment
Are you using an image element to support printing? There's no other reasons to not use CSS3 to create the dot (or the somewhat more pragmatic approach of setting it as a…
Haraldson on HN
Make the pulsing ring easier to see.
From 1 comment
I would make the pulsing ring easier to see
kiranryali on HN
Questions
How does this compare to a simple animated GIF?
From 1 comment
I understand it is a very neat piece of CSS scripting, but how does this compare to a simple animated GIF from practical perspective?
abcd_f on HN
Alternatives named
Canvas-based JavaScript pulse implementation.
From 1 comment
Using JavaScript to render to a canvas will work in all modern browsers, while maintaining (or even enhancing) the CSS's flexibility. I first thought the JavaScript solution…
pharrington on HN
Raphael SVG pulsing dot.
From 1 comment
Last year I (along with the rest of our Node Knockout team) built a game that had a pulsing dot similar to this one. We used Raphael (SVG/VML). Although it's much heavier than…
driverdan on HN
jQuery Pulsate plugin using outline-offset.
From 1 comment
I recently did something similar for more general elements as a jquery plugin: http://jquerypulsate.kilianvalkhof.com/ it uses the outline-offset css property, which doesn't seem…
kilian on HN
Foursquare and iPhone Maps style markers.
From 2 comments
haha this looks like the one on Foursquare, neat work regardless though :)
skadamat on HNA little bit (i.e. completely) derivative of the Maps app on the iPhone.
schwa on HN