Author Archive

Spinner Rage

Monday, October 18th, 2010

Did you know the French have over 300 words for “ennui”? It’s true. Similarly, a designer has over 14,000 words for nit-picky things that annoy them that nobody else in the world cares about. In this case, 300 words.

Hooray! I’ve found a new thing you won’t care about! Prepare to have your eyebrows melted.

Designers, do you see anything wrong with this spinner I found on the web?

It’s pretty subtle. Look close! The problem is specifically with frame five:

All the segments should get lighter as the spinner rotates. But, in frame five, the trailing segments of the spinner get darker, for a single frame. (I think the designer accidentally left two layers on at once.)

Now look at that 16 x 16 sample again. You’ll see a brief, dark flash at the very top of the spinner, once per rotation. And, if you’re anything like me, you’ll never, ever be able to un-see it. Ever.

If I were to find this on just one website, I’d be all, “Huh, that’s pretty annoying!”. But here’s how this thing reached a level 8 nightmare: I started seeing this flashy goofball spinner everywhere. Everywhere!

Alaska Airlines. The Associated Press. Google. The St. Petersburg Times.

I was beginning to think I was losing my mind. Then I Googled for “spinner creator”, and… mystery solved. So:

Dear Ajaxload.info,

Please fix frame 5 of your “Indicator” spinner, because everyone on the internet uses it.

Love,
Cabel

For you, Panic reader, here’s my clean  16×16 Spinner.psd [6k] ready to be colored and gif’d. Enjoy!

PS: If you’re drawing a spinner like Apple’s, take heed: the inner caps are rounded, not just the outer caps.
PPS: And don’t get me started on this kind of business:

HOW HARD WOULD IT BE TO AAAhhhhhh

New Goods: Transmit 4 Shirts!

Wednesday, August 4th, 2010

Panic’s history pretty much begins with Transmit. This makes it maybe a little weird that for some time now, we haven’t had a Transmit shirt in our Goods store. “Why don’t you make a new Transmit shirt?” people ask us. Sounds good. Heck, we’ll make two!

The sincere Roosevelt (left, in hard-working black aqua) speaks to an earlier era of transport and transportation, where hard-working teamsters made sure your things got where they needed to go, on time, and with a smile — sure thing buddy, you have my word. An ultra-soft and comfy poly-cotton shirt.

The optimistic Nixon (right, in brave gold color) reflects the power, promise, and potential of a fossil-fuelled future, shining like a fluorescently illuminated rest-stop beacon on a long stretch of I-5 in 1978, long before the corporate parent re-branded under a much less severe, and much more eco-conscious, green leaf.

Designed by the world-renowned Draplin Design Co. of North America, both of these tees are perfect for moving stuff around – at your computer or literally in person.

Many thanks to our users for joining us on Transmit’s eleven-year-long ride!


Quick Notes #5

Wednesday, August 4th, 2010

Coda Notes for Safari: Now Available!

Thursday, July 29th, 2010

At long last! Coda Notes, a fun Safari Extension we introduced at this year’s WWDC, is now officially available for download!

To recap, the idea is this: Coda is a great tool for web developers. But how can we make life easier for the web client, or the marketing person, or the person not developing the website but who still has a hand in the process? The person who has to give notes and ideas on web development?

It’s simple: Coda Notes lets you annotate web pages.

  • Use the pencil to scribble some drawings or thoughts.
  • Highlight areas of the page.
  • If you make a mistake, click the eraser and clean up.
  • And, most awesomly, edit text live on web pages.
  • Add sticky notes to call out thoughts. As many as you’d like!

Also, one Pro Tip: click the pen or highlighter buttons multiple times to change colors!

Coda Notes Screenshot

Once you’re done, hit “Send Notes” in the toolbar and a screenshot is taken, placed on a little postcard, and emailed to anyone you choose.

Your notes are sent through our email server¹. Which is as good a time as any to mention our privacy policy: this emailing process is fully automated, and we will not retain your images for any reason. Once your image has successfully sent, it is immediately and automatically deleted, never to be seen again. That is all.

Finally, it gets better:

Coda notes is completely free. Just download, double click, and use.


Coda Notes is a Panic side project, but you can feel free to e-mail any bugs to support@panic.com and we’ll file them away. Most importantly: enjoy!

UPDATE 10/19/2012 — Coda Notes 1.2 adds compatibility with Safari 6 / Mountain Lion. Go to Safari Preferences > Extensions > Updates to get it.

UPDATE 4/17/2014 — Coda Notes 1.3 adds compatibility with Safari 7. And since we are unlikely to do many updates in the future, we posted the source to GitHub!

¹ Why do it this way? Sadly, it’s not possible for Coda Notes to save a screenshot directly to your disk — Safari Extensions can’t access the filesystem for security reasons. Similarly, we can’t send your screenshots via Apple Mail, since Safari Extensions can’t launch or script other applications. This was the best way we could think of to e-mail a thing from an extension.

Good UI

Thursday, July 15th, 2010

I don’t know who designed the iOS “Unlocking” UI, but they did a pretty good job.

Joby just turned one. (And isn’t alone!)