Signet: Sign your work in the development console | Hacker News Reader

Signet: Sign your work in the development console

github.hubspot.com

49 pointstwodayslate18 comments

Doesn't seem to be working in Firefox 25 on OS X.

    [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1

    [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109

Chrome is good, though.

Also can confirm that chrome works

yeah, not working in lynx, either.

cURL here, not working either.

Broken in wget.

Browser support is listed in the README. https://github.com/hubspot/signet#support

I'd love to add additional support for Firefox. But unfortunately, Firebug doesn't support the full set of CSS properties in the console that are needed to pull off this effect.

That being said, we're open to PRs if you have a solution for FF!

Edit: We're working on the SyntaxError and MutationEvent warnings you mentioned. Follow here: https://github.com/HubSpot/signet/issues/3

Huh. After trying this in Chrome it seems a lot less pointless. I wondered why you needed a JS library just to console.log a list of strings :)

(Apparently they modified it to degrade to that after you posted.)

I'm pretty sure neither of those errors are coming from signet.

I don't get the point of this. Why would I include additional JS on the page just to add something to the developer console?

developers need bling

It provides a way for developers to communicate with each other in a developer channel.

Wouldn't it be both exciting and useful to be able to open the console of nearly any site and immediately get a link to the code or author on GitHub? Sometimes these sorts of links aren't appropriate on the site itself, especially in the case of contract/client work.

That being said, performance is very important. Which is why we kept Signet small. signet.min.js (https://github.com/HubSpot/signet/blob/master/signet.min.js) is 5kb (smaller if gz) and has no dependencies.

As one anecdotal data point: I recently added Signet to my personal site and it had no impact on page load time.

There's also this: http://humanstxt.org/, which similar to this, only it's completely browser compatible, accessible, scrapable by crawlers, easier to read, has no effect on page load times/bandwidth.

Not to take away from your work, I think it's interesting and well made. It does adds something to your sites (like an Easter egg, like putting comments in the html source).

I think that's a fair point. humans.txt is fantastic.

However, the small cost you pay for including Signet gets you a more convenient and more discoverable way for a developer visiting your site to learn about you, the author. Is the cost worth that slight convenience? Definitely a toss up and will depend on the application and its needs.

To enable this, you're asking developers to add a meta tag.

Given that the audience for this output is fellow developers, I'd think we're all capable of reading the meta tag directly without the need for an additional script.

5kb might not seem like much, but where speed is of importance every request counts and every byte matters.

EDIT: Sorry if I seem too negative. It's a cool hack and I can see why it'd be fun to add to personal websites.

Sorry, but this is IMHO useless. It doesn't work in all browsers (and causes errors/warnings in those unsopported), requires extra javascript and adds no real value. It just crams console with irrelevant data. There are better ways for this - humans.txt or html meta tags.

But why should'nt i just do console.log(); with my signature in it?! with that i will save 5kb, but i appreciate what you have done.

Can someone explain what the technical important point is? It looks to me that console.log is capable of logging not just plain text, but even images (they inlude data-urls for a github icon). Is it complicated to do this?

Edit: I'll answer my own question: https://developers.google.com/chrome-developer-tools/docs/co...

They use the %c control character in the log message to emit css, including embedded icons

Cute idea. I like it.

Reply on news.ycombinator.com