WingNews logo WingNews GitHub [2]
top | item 6644956

Signet: Sign your work in the development console

49 points| twodayslate | 12 years ago |github.hubspot.com | reply

18 comments

order
[+] peter-fogg|12 years ago|reply
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.
[+] afschwartz|12 years ago|reply
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

[+] graue|12 years ago|reply
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.)

[+] mh-|12 years ago|reply
yeah, not working in lynx, either.
[+] zackbloom|12 years ago|reply
I'm pretty sure neither of those errors are coming from signet.
[+] morgante|12 years ago|reply
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?
[+] afschwartz|12 years ago|reply
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.

[+] secoif|12 years ago|reply
developers need bling
[+] koudi|12 years ago|reply
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.
[+] Techasura|12 years ago|reply
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.
[+] atesti|12 years ago|reply
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