6 ms·
Show HN: Pulse — A simple pulsating indicator.
Feel free to use it in your application. You can make it imageless but I used an image just because you can easily swap it out and its a little less code.
- eykanal 15y agoStick it on Github as three files - image, html, css - so folks can "watch" it. I've found that the watch feature of github helps me remember all these little nifty snippets of functionality so that, one day, when the need comes around, I actually remember that the thing exists, I can find it easily, and I can use it.
- moeedm 15y agoOn it.
- flexd 15y agoThe only problem about that on GitHub is that you can't "unwatch" all the notifications while still watching the project. I'm watching 128 repositories and my news feed is just noise to me now. :-/
- eykanal 15y agoSomeone from GitHub needs to see this comment.
- intellection 15y agoAbsent advanced news feed organization, - if it is found? News feeds feel ignored programmatically, little extension seen on important sites.
- dpritchett 15y agoI follow my friend's hobby projects, but my news feed is 99% CoffeeScript updates. It'd be really nice to have more control over that view.
- Pewpewarrows 15y agoGitHub needs a major overhaul of the entire activity stream. Right now I'm forced to use the GitMarks Chrome Extension and keep a very curated list of projects / people to watch. And the feed is still chaotic and unusable most of the time. They overhauled Issues from a useless issue tracker into my primary Project Management tool, so I'm quite confident that they can revamp the actions feed successfully.
- albertzeyer 15y agoI do that, too. And same complaints as one of this post childs. Sometimes though, I wonder why I don't use the tools which were made for this. I.e. the browser bookmarks. Maybe the browser bookmarks really need some improvements to be useable. Because in many cases, I tend not to use them (leave open tabs instead, use 'watch project' on GitHub, and so on). E.g., there could be some rules, like when I bookmark a page on GitHub, it automatically puts it into a bookmark directory called "GitHub projects" or so. Maybe also more dynamics. Like there could be scripts running on a bookmark directory which check for updates on the specific site/project and push them up, print a headline or so.
- oscilloscope 15y agoNice little effect. Could work well on realtime force-directed graphs: http://mbostock.github.com/d3/ex/force.html http://mbostock.github.com/d3/ex/force.html
- dfc 15y agoI do not get it. All I see is a blue dot. Clicking it says "target acquired" but I can not acquire a new target...
- mannicken 15y agoIt only works on webkit browsers.
- aj 15y agoI can't but I'd downvote this simply for not being cross browser compatible in some form
- ubi 15y agoAn idea can be interesting without being cross-browser. The author makes no claims about this being the defacto-enterprise-grade blinking dot.
- zhwang 15y agoFirefox 5+ supports CSS3 animations and transforms with the -moz prefix. A quick replace all in pulse.css gets the animation working fine.
- mannicken 15y agoThis effect can be realized on every JavaScript-supporting browser, or in fact any animated-.gif-supporting browser. I think it was a proof-of-concept work.
- driverdan 15y agoLast 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 this using Raphael is cross-browser. It might be a suitable fallback. I want to open source the whole project but haven't had time to clean it up.
- Empact 15y agoMy suggestion: don't bother cleaning it up, just publish it. If the two realistic options are your code dropping off the face of the earth because it's never published, or it being put in a place where someone might find it useful and run with it, the latter is far more beneficial to society. If you're concerned about your personal reputation (which in my experience tends to be the case) then consider you're likely better off as a prolific coder than a sparse one, and if anything we should be pushing the industry towards more open exchange of code so as to reduce loss & waste.
- SkyMarshal 15y agoThat, plus the fact that if people like it they'll fork and clean it for you. FOSS + karma ftw.
- driverdan 15y agoBy clean it up I mean make it work again. It was built on an older version of Node and doesn't work with API changes made since then. What you say is true though. I'll set a deadline to fix it by. If it isn't done by then I'll just put it up. My code is always perfect in every way so I'm not worried about reputation. /sarcasm
- abcd_f 15y agoI understand it is a very neat piece of CSS scripting, but how does this compare to a simple animated GIF from practical perspective?
- cosgroveb 15y agoWell you could script it to change the rate of pulsing in JS I guess... Still don't think this is very exciting anyways. Why the png and not pure a pure css icon for instance (although that's not very interesting to me either)?
- rocktronica 15y agoCSS beats graphics because it can be changed programatically. Browser supporting, _all_ the parameters can be changed to suit the rest of the UI. If the designer writes their CSS in browser like I do, it's instantaneous and immensely powerful. With images, it's, well, you know, slower.
- pharrington 15y agoGIF's don't support alpha transparency, making them the opposite of practical for an effect like this.
- 0x12 15y agoAt least GIFs work more or less the same on all browsers. This is an excellent example of how not to do it. Imagine the support call: "Click on the blinking dot" : "I don't see any blinking dot" : "It blinks for me, do you use a webkit browser?" : "A what?"
- schwa 15y agoA little bit (i.e. completely) derivative of the Maps app on the iPhone.
- steve8918 15y agoPretty 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% when using Chrome.
- kiranryali 15y agoI would make the pulsing ring easier to see
- pongo000 15y agoI'll be more impressed when this can work on my non-JS enabled browser.
- skadamat 15y agohaha this looks like the one on Foursquare, neat work regardless though :)
- retube 15y agoTop 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?
- gmantastic 15y ago<blink> 2.0?
- bwblabs 15y agoI 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: http://screenr.com/azAs http://screenr.com/azAs
- Haraldson 15y agoAre 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 background image on the target element, reducing your markup), as I see it? I think you should also expect that people could want more than one target on their maps. There's no downside to switching from IDs to classes here.
- kilian 15y agoI recently did something similar for more general elements as a jquery plugin: http://jquerypulsate.kilianvalkhof.com/ http://jquerypulsate.kilianvalkhof.com/ it uses the outline-offset css property, which doesn't seem that well known but seems quite useful too.
- Bootvis 15y agoVery nice, I see myself using this before friday :)
- ajarmoniuk 15y agodoesn't pulse on chrome 14.0.835.165m on windows