Panic Blog

Doesn’t work here. I get the toolbar but I can’t draw or do anything. Safari 5.01 on Snow Leopard. Any ideas?

OK – did indeed solve it.

Now that it works: Awesome extension. Thanks for it.

Awesome! Excellent extension. Thanks Panic!

I love you guys. I love you guys so much.

Absolutely the most amazing extension for Safari yet, and I find it hard to believe it’ll be surpassed… so useful! THANK YOU THANK YOU THANK YOU!!!

This is awesome!
I used it to make some Research on a project i’m working on (sent the notes to myself). Used to do it with Evernote. But now it’s even simpler!

Is there any chance this extension showing up in Chrome for Mac? ;)

Any chance of you also making it available for Google chrome.

Sounds awesome. I can’t seem to get it to work though, even with a restart. Is it possible that it doesn’t cooperate with Glims installed?

Nice extension, but it will be great if i works on Google Chrome for Mac :)

AWSOME!!
A question… It doesn’t work on a scrolled page…? It picks the place I’m at and I can’t scroll down and add more notes……

Safari Extensions can’t access the filesystem for security reasons.

Most of the other screenshot extensions seem to get around this by popping up a little “Drag me to your desktop” window-let thingy, Snapper being a prime example.

Thanks for the extension regardless. Looks nice!

well, now it is working perfectly, Thank you Cabel for your quick response, Panic Rocks!

Uninstalled Glims, then It worked fine, now it works fine with both Glims and Coda Notes enabled!
This will make it easy to comment websites and exchange comments between webdesigners/masters! :D

Awesome work guys!!

Very impressed with the Coda Notes! =D

Really useful tool!
Question — I can change the text on someone else’s site, take a screenshot, and send it to someone else. Is that potentially dangerous?

I’m also a little confused by the footnotes. I’ve seen other screenshot apps create files that I could then drag to my desktop, and the Twitter extension allows you to use Tweetie to make a post (click button, open new window in Tweetie for Mac). Are the both doing some voodoo or breaking the rules of the game for Extensions?

Regardless. I cannot say enough great things about this app. So slick, perfect for what I do. Just perfectly executed. Another quality Panic product.

Cabel: Sound reasoning! It is a much easier hurdle to jump to just mark something up and send it within Safari, so I know I’ll use it more often. Plus, those emails Coda Notes sends look great.

It’s a damn shame that Mail doesn’t have a more specific special URL. But good to know that special URLs do work, just not with Mail. (That totally gets me excited the potential prospect of Panic extensions! Ah, a boy can dream…)

Hey guys, is there a way to stop it from adding messages to the web inspector console? When trying to debug web apps it can sometimes get in the way with it’s messages… Other than that, great work guys!

Beautiful extension.

Can’t you do a mailto: that would pop open Mail.app with a new email containing the jpg? Even if the user didn’t want it sent they could always drag the screenshot out of the email compose window and into a Finder window/desktop.

A future build of Coda could implement a codanotes:// url scheme that could interact with the extension. (and be a great tie in to Coda)

Wow, I love it. Thanks a lot, guys. Great feature.

I seem to be the only windows user here. As a fan if safari I have the windows version installed. Does this extension work with my safari? I can’t think of any reason that it shouldn’t. I’ll test it out now. Good job guys! Keep up the good work. : )

Days will never be the same again, and the vicious cycle of cmd-shift-f4-open-pixelmator-edit-notes-save-as-rename-file is broken. Thanks a bunch! <3

Notes tool seems a bit temperamental, I click to place, double click inside to start typing, 1st character gets echoed others seem to get passed through to page behind (slashdot.org), on bbc.com it seems ok

When I email it to myself on gmail only part of the screenshot seems to show up, the lower half of the picture is black

Panic rocks.

How to send to multiple people at once ? I tried to separate the several eMail address with , or ; but then after a while Coda tells me it couldn’t send the email requiring “AT LEAST one email address”. At least sounds to me that several eMail address are supported, but how ? Also a cc field would be nice

1) nice extension!
2) we would love to have something like a Cc or Bcc field, or the “to:” field accepting Multiple Recipients.
3) interacting with adressbook would be great as well, but launching an app is purely impossible…(?)

4) @Peter: good question!

Awesome extension!!!

Drag to desktop would be a really nice feature! A Google Chrome extension would be heaven.

hey cool extension two things is it pos to have it autofill emails?

also totally different topic buy is a coda update coming soon so keen to upgrade from espresso(got in macheist bundle) just cant justify without an updated navigator panel in my opinion the only thing that espresso does better

Is it possible to change the text-color used by the Extension? It’s currently impossible to see changes made by a client.

It’s a great extension. Thanks for sharing it.

IanB — i’m having the exact same problem. no errors in the javascript console, either. maybe because i have the ‘develop’ mode active?

Uh yeah, my jaw dropped when I used the text edit thing. I thought I was gonna leave a floating text note over the nav of what I wanted it changed to but no, IT FREAKING CHANGED THE NAVIGATION FOR ME. Seriously… you guys are the best.

Thanks guys! Keep it up

I love the extension – really well thought out BUT… is that Comic Sans in the notes???!!! Bleughh!

Really great, but will it come for Chrome, too?

Chalkboard… very very slightly better :D In their notes Apple uses Marker Felt which is much better as a copy of a bad one hu hu.
I add my vote on “remove console messages please!” it’s really taking too much space in here. Thanks ;)

That’s okay then! Phew! ;-)

My Safari toolbar and the Coda notes don’t seem to have a mail button. When I use the File>Mail contents of this page command in Safari, it puts a still image of the page into an email but the notes aren’t on it.
I’ll keep working on it.
Thanks,
Doug

Oops, never mind. Found the button and enjoyed the animated creation of a mailable object.
Thanks,
Dv

Lovely idea, although it doesn’t seem to work with Evernote installed.

Thank you very much for making the available and free.

Awesome extension! Thanks!

Awesome! I’m a big fan of side projects, thank you for sharing this one with everyone, it’s great!
thanks :D

love it.

Neven: Don’t trust screenshots? But changing text and images on existing web pages is the most fun thing that Web Inspector does!   ;)

http://flickr.com/sometoast/4546282597/

just an idea, could you use the canvas element to make the image of the edited page that can then be dragged out: http://www.nihilogic.dk/labs/canvas2image/

REALLY need coda notes for iPad, any chance ?

Wonderful tool. I’m very impressed. I won’t ask you to divulge any secret sauce, but as a sysadmin my first reaction upon seeing a tool that could send a web page from anyone to anyone was, “I wonder how they’ve prevented their mail server from being a de-facto open relay.” If you do feel comfortable writing up how you’ve solved that problem, I would find that fascinating reading.

Again, congratulations on a great execution of a clever idea.

This is amazing. And it’s free! Amazing amazing amazing :)

I was using another Safari plugin annotating tool, Amazing Screenshot, and now I am using Coda Notes. … I like them both.

This is fantastic. I just want to add to the pile my desire for multiple recipients as well. I always need to send notes to multiple people.

I really can’t wait to draw mustaches on people.

JK, as they say. JK.

Hi guys, sorry if it’s a silly question but is the extension available through Apple’s gallery? Thanks!

@ Joe: Yes, it’s there, way toward the bottom under the “Developer” section. Just click on it and it automatically installs. Magic!

Fantastic extension – great work guys! One problem though – it gets upset with entirely valid email addresses that I enter (I’ve tried three!). Error message I get is:

“Invalid email address

To send your notes we need a valid ‘To’ and ‘From’ email address.”

Totally awesome! Thanks!

And what a great page! You guys should publish tips and tricks on how you produced the tilted sheet and text!

In support of your work, I just bought a copy of Coda!

I got the “invalid email address” message, too. But restarting Safari fixed it right up.

Notes is unbelievably great — it’s like magic!

Nice! But still useless for me (and probably some other people) if you can’t alter the color of the text you’re changing, making it visible for whomever needs to work on it, and if you can’t scroll up and down a page… But still, the execution of this idea is remarkable. Kudos!

This is a great plugin, used it to communicate to my designer what I wanted changed. Thanks Panic, you’re the best!

This would make an awesome iPad app…

I had the “Invalid Address” problem too. It seems to only happen when you try to mark up this particular page. Drawing on other pages works fine for me.

It appears Coda Notes isn’t enabled [doesn’t work] on HTML files opened in Safari from the filesystem, e.g. /Users/Guest/Public/index.html

Is this also a security restriction imposed by the Safari Extensions API? If I view the same file from “localhost” or “127.0.0.1” Coda Notes works just fine.

Great stuff, I’ve tried this with dom-scripting, but this stuff is much more universal usable.

And who needs a Chrome version??? What’s wrong with Safari?

Any plans on releasing the source code to this so other’s can contribute?

Hi !
Great job ! Thank you !

When text on notes are getting important only a part of it is displayed on the image send by email.
Is it possible to add the full text on the mail, for example after the screenshot as plain text ?

Regards

Awesome plugin, love the idea but can’t get the email part to work.

I clicked send filled out the form and it shot off to the right, then left with the slate background and nothing else happened. Still have no mail either. What should happen after clicking send? Thanks.

Love the idea of this plug-in. Wished it worked though. How many times do I need to reset Safari?

Nevermind, the answer is 3. 3 is the magic number!

trés cool. love this tool.

This is an excellent tool guys, awesome work. However I have a couple of small bugs to report:

1. When you have the note tool selected and hit send, focus the first input and hit Shift + Tab, you’ll end up inserting multiple empty notes to the page.

2. Not really sure what I did, but Shift + Tabbing from the first input made the entire original page appear unstyled. My guess is that it’s something due to the addition of contentEditable attribute.

Hi, and thanks guys. I loved the way I could annotate, but when I sent the page all that I could see in the png via Preview was a quick flash of just the top of the web page. Then nothing but black. Nice glossy black but black. Boo-hoo. Anyone else solve this?

Coda Notes iPad app would definitely be a winner!

This is a great extension – thanks. All I need now is a document that I can mail to my clients with a full explanation of how to set it up and use it!
Shame you can’t draw over or around Flash objects.

Great extension! It’s already in somewhat heavy use for my private projects :)

At work the privacy issue is a little bit of a block however. Since some of the pages we create aren’t supposed to go out on the web even as a screenshot until they are finished it would be really cool if this extension could feature an advanced configuration option or something like that where you can provide your own mail handler. This would also provide some other cool possibilitys like posting these screenshots directly to our bugtracker instead of mailing them.

Keep up the great work guys! I’m expecting a big one on Coda 2

I can’t wait for this to work. It will be awesome. However, the only thing I can really do is make notes. Whenever I try to draw it selects the text.

Holy cripes! I restarted my computer and now it works awesomely. I guess the reset never reset. Whatever. I don’t care. Awesome.

Great on Safari! Excellent! Will you get it to run on Firefox?

great extension!

it would be a huge plus if you could annotate a page and then drag it to the bookmarks folder so that next month, you could see what that page was all about

How in the world did I miss this when it first came out???

OMG! Cool.

Coda…you rock!

Seriously, an awesome extension that will reduce time wasting of screenshots > photoshop > mail. And as with all Panic software, it looks amazing.

One thing you guys should add though, is the ability to put “replacement” images on the screen shot as well. Could be good.

Love the extension guys =] now let’s figure out an awesome way to make annotations persistent!

Great plug-in.

Great plugin, I’ll be using this straight away to make my life easier. Is there any posibilities of having a HTML file be shared / emailed so that the text HTML text edits could be transmitted in a way to be copied and pasted in the future?

I really like the extension and idea. I have a few ideas/issues:

1. It would be cool if the notes were available in a more neutral font like Helvetica, Arial, etc.

2. Note colors would be great, especially if they corresponded to line drawing colors so you could connect a note with a line pointing at something

3. It would be great to be able to draw straight line and maybe even shapes.

here’s a rough mockup of what I was thinking, though the note text color maybe shouldn’t change because yellow text is hard to read.

http://bit.ly/aQ28ss

beautiful tool.
two suggestions:
– you cannot download the screenshot to disc, but you could probably open it into a new safari window?
– it would be nice to have a toggle to view the text changes in a diff mode (kind of bgcolored with new text and old text in strikethrough)

Endless joy. Awesome Panic product. Puts a tear in my eye.
Suggestion: Mini CSS editor, to quickly show an alternative styling.

This is a nearly magical application. Thanks a lot!

Alas, I’m having the same problem as Renaud: the extension works for the top half of the page, but if I try to annotate a web page after scrolling down, whenever I try to draw it selects the text with the standard i-beam pointer :-(. I’ve tried uninstalling all extensions but Coda Notes, uninstalling and reinstalling Coda Notes, and I’ve even tried rebooting, but nothing works….help….anyone? The only possible troublemaker that I’ve not tried uninstalling is 1Password, but I’m hoping to avoid having to do that….any other ideas?

THANK YOU for CODA NOTES!!!!

This is a really creative and useful idea. I’d like to have the option of having notes re-appear when I return to a specific page so I can leave myself notes about specific sites. (“Remember to order this model,” or “Don’t forget to edit this next year when you review this page,” etc.)

Thanks again for building this! I hope to see additional features as Apple adds to what’s possible/allowed with an extension.

Have you thought about adding PDF as an output option? Even if all you do is wrap it around the screen shot, it would still be useful.

How incredibly cool! 1000 thank yous!

Awesome awesome awesome. It would be even more awesome if it kept track of all your annotations for you, without having to email each one.

This ext. Is awesome! Thanks! Will there be an ipad version any time soon? Would be amazing!

Upon emailing a page certain keyboard keys won’t input, like the “m” key and “f” key even after restarting safari? Any news on why that happens?

Upon restarting a safari a couple of times appeared to fix the input issue for me, nice program.

This rocks! Will save me so much time! Thanks so much! :)

Well guys, the idea is magnificent but… it doesn’t work… :-(

I don’t know why but I can’t draw with Pen Tool or Highlight something on the page.
It looks like the Panic Extension can’t work over normal Safari behavior …

Now, I’m going to restart Safari to see if this could fix the problem…

It took a bunch of Safari resets (and a reboot to be sure) to get this plugin working. After that, though, smooth sailing. Having trouble? Reset, reset, reset!

OK, not sure what I did that worked, but it’s working now and yes, it’s cool. Note that the leaf doesn’t have to be green, just dark, not light grey. Thanks Panic and sorry if I messed up your blog.

That’s for the free app! You guys are awesome!!!

Bit temperamental with notes boxes, but, rad. Keep pushing it fwd.

Is anyone finding this as useful as Skitch and if so, why? Just at a glance and try I’m not quite as compelled to use this product, but it seems interesting.

Ipad 2 ?

this tool would be much more useful if it recalled the notes you had made when you revisited the web page.

although its a great software, I can’t seem to scroll down when the note is on.

I emailed 2 coda notes to myself, but they did not come through. How can I fix this?

Great! But I was wondering if you gguys are going to get it for other browsers lke Firefox….

That would be awsome.

I experience only one disappointing experience after the other, especially when trying to write a note or to add text. I think I uninstall it. Not worth the time.
At least on Safari Version 5.0.5 (6533.21.1), on Mac OS X 10.6.8 (10K540), MacBookPro1,1 Intel Core Duo.

I am using Safari Version 5.0.5 (6533.21.1), and the extension does not work for me. I can add notes and add text but I can not use any other options, like highlights.

I have Safari 5.1 running on Mac OS X Lion it works perfectly except on the full screen mode. And I would like to see a featured that allows you to scroll the site. Overall this is a really awesome extension I really recommend this.

Any chance of this being updated to allow the screen cap/markup to be of the entire page, not just the portion visible in the browser window?

Doesn’t work for me either. OSXLion

MG is right, only works not in full screen mode….
and so finally got to try it, and I LOOOOOOVEEEE IT!!!!
but REALLY REALLY NEED full screen….
since i have multiple windows open, id like to be able to use different desktops….please fixx!!!!!!

Awesome! Think this will ever be available for Chrome also?

Awesome Web Development Tool!

No working on Safari 5.1.2 at all. The bar shows, but the leaf buttons does not work and the tools neither.
I am yet to find a Safari extension that works as advertised.

Bummer.

Running Safari 5.1.6, installed Coda Notes 1.1. After a restart, the leaf button does not work, only the View>Show Coda Notes Bar menu item will bring up the bar (which does not work).

At the moment this is not working on Safari 6. Doesn’t show the email panel.
Is there an update available for this.

In safari 6, when i scroll down, i can’t write, draw anything :'(, except yellow sticker

Found this post by accident. Exactly a browser tool that I was looking. Any hints about updates? The homepage does not mention this cool freebie?! Regarding the technical restriction on saving… what about copying to the clip-board instead?

Great idea. But I can’t get it to work. It’s installed fine. And I can take notes. But when I click send the page spins away and nothing happens???

I’m having the same problem as Russell. I’m Running Safari 6.0.1 & Mac OSX 10.7.5 installed Coda Notes 1.1. Looks great, however when I hit the send note button the postcard comes in as a see thru image and disappears. I hope theres a fix?

Wow, thank you for this wonderful extension. You should list it with the rest of your products. Great work!

Very useful, THANKS!

Spiffy. Undo/redo would make it even spiffier.

Not working on Safari 7 / Mavericks DP 5 :-(

When I have Coda Notes turned on, I’m unable to scroll down the page in Safari. This problem seems specific to my Macbook Pro. I’ve scrolled using Coda Notes on someone else’s exact same computer. I have the latest OS installed. Any ideas? Thank you.

Hi, can’t seem to scroll down the page when I have highlighted or posted a note. Any suggestions? 8)

the coda notes button in the tool bar isn’t working nothing happens she iclick it. HELP

Does not seem to work. I have Safari 6.1 running on OS 10.7.5 with all extensions turned off except Coda Notes. The Coda Leaf icon is grayed out so I can’t click on it. When I turn on the Coda Notes bar from the View menu, it appears, but still will not work. What can be done to fix it? Thank you.

I have Coda Notes 1.2 and its not working with Safari 6.0.1 running on Lion 10.7.5. Has anybody got it working?

Great Tool!…..please let everyone know when it is working again :)

Safari 7 on Mavericks. Latest download of Coda Notes 1.2 does not work. Any time frame for a fix?

It is not working here … even Coda and Transmit are crashing often. Pls feature freeze and first fix all issues …

not running on safari 6.1! leaf is grey like some other people mentioned. cannot select or highlight anything. please fix soon!

Same problems with Safari 7 on 10.9. Seems like developers abandoned this project as neither updates nor even replies to same previous comments seen :(

If you really need to use coda notes, I’ve discovered if you make the window small enough that the coda toolbar button gets bumped off, and then select it using the disclosure triangle, it works.

would love to see this extension updated…looks amazing and incredibly useful.

…i should have added, I’m encountering the same problems as above in safari 6.1: greyed-out icon, and no fuctionality using “show coda notes bar”. Have tried all the fixes suggested in the above comments.

pllleeeaaassseeee update it for the latest safari version!! Pleassseee!! this would be an amazing ext for college students as they have to do lot of reading online.. so this would be amazing!
PLEASSSEEEEEEEE FIXXXX ITTTT! :(

Thanks for sharing.I hope it will be helpful for too many people that are searching for this topic.