4 ms·

Signet: Sign your work in the development console

49 points by twodayslate 13y ago

peter-fogg 13y ago
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.
- twodayslate 13y ago
  Also can confirm that chrome works
- mh- 13y ago
  yeah, not working in lynx, either.
  - actionscripted 13y ago
    cURL here, not working either.
    - oskarhane 13y ago
      Broken in wget.
- afschwartz 13y ago
  Browser support is listed in the README. https://github.com/hubspot/signet#support 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 https://github.com/HubSpot/signet/issues/3
- graue 13y ago
  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.)
- zackbloom 13y ago
  I'm pretty sure neither of those errors are coming from signet.
morgante 13y ago
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?
- secoif 13y ago
  developers need bling
- afschwartz 13y ago
  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 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.
  - asperous 13y ago
    There's also this: http://humanstxt.org/ 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).
    - afschwartz 13y ago
      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.
splatzone 13y ago
Cute idea. I like it.
- deleted 13y ago
  [deleted]
Techasura 13y ago
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.
koudi 13y ago
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.
atesti 13y ago
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/console-api#consolelogobject_object 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

49 points by twodayslate 13y ago

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.

twodayslate 13y ago
Also can confirm that chrome works
mh- 13y ago
yeah, not working in lynx, either.
- actionscripted 13y ago
  cURL here, not working either.
  - oskarhane 13y ago
    Broken in wget.
afschwartz 13y ago
Browser support is listed in the README. https://github.com/hubspot/signet#support 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 https://github.com/HubSpot/signet/issues/3
graue 13y ago
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.)
zackbloom 13y ago
I'm pretty sure neither of those errors are coming from signet.

morgante 13y ago

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?

secoif 13y ago
developers need bling
afschwartz 13y ago
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 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.
- asperous 13y ago
  There's also this: http://humanstxt.org/ 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).
  - afschwartz 13y ago
    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.

splatzone 13y ago

Cute idea. I like it.

deleted 13y ago
[deleted]

Techasura 13y ago

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.

koudi 13y ago

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.

atesti 13y ago

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/console-api#consolelogobject_object 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