Panic Blog Dispatches from Panic HQ in Portland, Oregon Thu, 17 Apr 2014 23:14:36 +0000 en-US hourly 1 Wanted: Support Agents (2013) Mon, 18 Nov 2013 23:26:29 +0000 As we head into 2014, a new opportunity to join the Panic team has arisen. Love Panic’s apps? Love problem solving? Love typing? And love making people feel good by helping?

We’ve been looking for you.

We are seeking front-line technical support agents to promptly answer emailed or tweeted inquiries about our entire product line.

Ideally, you’ve got:

  • Excellent problem-solving, and ability to “read between the lines” of customer emails
  • Substantial Mac OS X, iOS, and internet experience
  • Familiarity with FTP, SFTP, WebDAV and troubleshooting of computer networks
  • A professional, courteous, and personable email disposition
  • A pleasant personality, patience, and sense of humor

Bonus Points for:

  • Engineering / computer science experience
  • Familiarity with the Panic product line
  • Ability to enter zen-like state of high-speed e-mail answering

You must live in Portland, Oregon or be willing to relocate to Portland. It’s honestly a very nice place.

In addition to base salary, Panic offers:

  • Bi-annual profit-sharing bonuses
  • Annual retirement plan contributions
  • Full medical/vision/dental insurance
  • Flexible vacation policy
  • Reasonable, life-compatible hours
  • A very nice work environment, we think

Sound good? E-mail your resume to us and if we’re interested, we will send you additional details and possibly schedule an interview. UPDATE 2/2014: This position has been filled. Thanks!

While we won’t be able to write back to everyone, we really thank you for your interest!

]]> 6
The Panic Office Mon, 14 Oct 2013 20:42:51 +0000 It’s time.

Now, technically, Panic Inc. started in Steve’s bedroom. Then we shared an apartment, then another apartment, then moved into a small office. Finally, a few years ago, we landed in the newest Panic Office — one we got to design and build out from scratch, from empty raw shell to finished product. I’ve been promising a photo tour of our office forever, and I think I’ve held off because I secretly wanted this space to keep feeling “special” — our space, a space that could surprise guests, not just a long-scrolling page on the internet. But, it’s been a while, and it’s hard to invite the entire internet over for lunch.

So, let’s do this. Please join me on a complete photo tour of the Panic Office.

The History.

Our building was once part of Portland’s Auto Row on Burnside. We confirmed this when the concrete guys stripped the paint from our floors — they found (and were very concerned by) perfectly spaced rows of permanent oil stains. There could be no doubt we’re sitting in a once-garage. So awesome.


The Planning.

We knew a few things. We wanted an open space for everyone to share. (Open space? Sure. We’re usually really quiet. And when we do talk, it’s often something important where it’s nice to have team input. Or we’re workshopping jokes for Twitter.) We knew we needed a conference room for discussion. We needed a nice kitchen. And I loved the view from the roof.

But what does Panic look or feel like? It’s hard to express the “Panic Feeling” to others.

Our architect, Chris, eventually whittled everything I told him down to three key thoughts:  we want to be ‘cool’ without being austere, we want to be ‘fun’ without being zany, and we want to exude an air of importance, but with a wink. With some inspiration from Louis Kahn’s Yale University Art Gallery (and, personally, Epcot Center) we got to dreaming. And sketching. And rendering.







The Buildout.

I couldn’t help myself. I walked over every day to check on the construction. I’m sure they hated it. But as an added bonus, I got to correct the odd annoying wall-mounted conduit or poorly-planned light before it was too late.





The Grand Opening.

Finally, almost a year later, it was done.

We moved in, and it felt good — like we were maybe, finally, a real deal.

Here it is, day one:











The Signage

Neven and I couldn’t resist getting 8-bit-nerdy with the office signage. Maybe someday we can use our own game characters.


The Living Room.

It’s done. We’re moved in. But we didn’t stop there. (We’re certainly not short on ideas.)

With the help of our interior designer, Andee, we first decided to spice up our “Living Room” area with a little more life, so we commissioned a pattern. And that pattern beget a rug. And pillows. And tables. And a curtain…




(If you look very closely at the pattern, you might recognize some old friends.)

Then, The Planning of Something Interesting.

We had a little phone closet, for the occasional (rare) phone call. A tiny corner, three ceiling lights, a nice window.


We thought we could dream up something a little more special. So, with Andee, we got to work.





The Founders Room

So now, behind this secret wall…


…we have something rather special:


(That amazing oil painting of myself and Steve as creepy old retired businessmen — why is Steve in a naval uniform, we’re not sure — came from a digital photo we took, sent to to Dafen, China, and turned into hand-painted magic. And there’s a hidden booze cabinet you’ll have to find on your own…)

The New Carpet and The New Wall.

We also later decided that the green checkerboard carpet lacked a little life, a certain energy. So we replaced it — and in the process wrapped it right onto the plain back wall.



The Rooftop Hills

Finally, our rooftop deck was a great way to breathe fresh air, but we had a serious glare problem during sunny days. We solved it in the only way we know how: artificial, astroturf, Super Mario 3-styled hills.





The Guests.

The most rewarding part of building something like this is seeing how other people view our space, when we have guests or (rare) open houses and then check Instagram.


And Finally, The Bonus: Panoramas.

Here are some amazing 360° panoramas of our office, during and after construction!

Thank you for visiting our office.


Principal Architect: Chris Hodney, Holst Architecture
Interiors, Founders Room, Hills: Andee Hess, Osmose Design
General Contractor: R&H Construction
Founders Room Contractor: GRADA Inc.
Living Room Pattern: Pattern People
Ridiculous Oil Painting:
Panoramas: Matt D. Smith
Photo Credits: Chris Hodney, Buzz Andersen, Andee Hess, Instagram

]]> 47
Wanted: iOS / OS X Engineers (2013) Fri, 12 Jul 2013 00:08:58 +0000 Panic Inc has a very special opportunity for nice, creative, super-talented engineers to join our amazing, award-winning-even development team.

Are you our experienced OS X / iOS engineer?

Our ideal candidate will:

  • Care deeply about both form and function
  • Debug, refine, and extend our existing apps
  • Contribute code and passion to new apps
  • Look for opportunities to improve our process
  • Play well with our existing team
  • Be excited and mostly eyeroll-free when tackling new challenges
  • Feel a strong sense of self-motivation
  • Love making things for people

We also prefer candidates who have shipped an app — no matter how small the app, or how small your part.

In addition to base salary, Panic offers:

  • Bi-annual profit sharing bonuses
  • Annual retirement plan contributions
  • Full medical/vision/dental insurance
  • Flexible vacation policy
  • Reasonable, life-compatible hours
  • A very nice work environment we think

Take note: this position is in Portland, OR. (We’ll pay for your move if you need to.)

Sound interesting? E-mail your resume to us (Update 8/5: thanks for your interest! We’ve reached our candidate limit!) and attach or link us to an app you’ve created or worked on. (Make sure to tell us what you did in that app, no matter how small.)

Also let us know if you’re more experienced with iOS or OS X development.

If we’d like to talk further, we will follow-up with additional details!

While we can’t write back to everyone, we thank you in advance for your interest.

]]> 12
The Panic Status Board: 2013 Edition Fri, 03 May 2013 19:04:14 +0000 You might be familiar with where it all started: the status board we put on our Panic office wall in 2010.

Since then, as you may know, we turned that status board into an iPad app called Status Board. Now everyone can have a cool, beautiful, data-packed status board on their desk or wall.

And since we built the app, we rebuilt our status board, making it twice as good! (Literally.)

Panic Status Board

No, you’re not seeing double — this time we went with two goofy screens of stuff.

It’s pretty glorious.

About The Panels

Here are some implementation notes on our board:

Status Board - RevenueTraditionally Panic is quiet about how-are-we-doing data. It always feels like a possible distraction for our hard-working team. But we’re always changing, and this revenue Graph panel has been fascinating. Every day a script totals up our direct sales data, then retrieves our App Store sales data using AppFigures and their nice API. The totals get dumped into a database, and then we make that available via a simple PHP script that outputs JSON to the Status Board. That might sound tricky, but all told it took about a day of work to make happen.
Status Board - UnitsUnits have been especially interesting since they reveal so much about the economics of (our) iOS software, as this Graph panel shows. Although (our) iOS apps sell a respectable number of units, the revenue they bring in barely charts compared to our Mac stalwarts. So far! We’re working hard on improving our iOS apps, and trying new ideas, in order to crack the iOS market a little bit more. (Sorry this chart was pre-Status Board, which is doing well!) By the way, Graph documentation is here.
Status Board - InboxThe Support team works tirelessly to fight this tide! This is just an Email panel, which ties into our IMAP server. It took about 3 minutes to set up, and has been incredibly useful to see what our support load is at a very quick glance. (On the server, each Support person shares a single “Help” IMAP account, which has folders for each support person, and a script distributes the incoming support requests round-robin style.)
Status Board - SentConversely, this Graph panel this is a great way to quickly see how many support responses are going out the door. (Of course, it’s not a competition — it’s just for fun.) To get accurate Sent counts, we have a script that looks at both outgoing Twitter replies, and outgoing e-mails, and totals them up per-person into JSON.
Status Board - ProjectsThis list is using our Table panel, connecting to an HTML file on our server. (Table documentation is here.) This is an edited version to protect our secret projects, of course. A project list is always tricky, since it’s the most manually-updated thing on the board, and always runs the risk of being stale. But, it’s fun to see who’s working on what.
Status Board - Sparkle
What version of OS X are our users using? Using StatHat, which lets you track data incredibly quickly, I added one line of code to our PHP script that handles Sparkle updates. StatHat can output to Status Board natively via the Graph panel. Boom: instant OS version graph. (Also, fascinating how people use our Mac apps during the day, and not very much on the weekend.)
Status Board - Car2GoThis is our car2go map, so we can quickly see if there are any cars near the office that we can hijack and drive home at the end of the day. It’s totally custom — we’re using the Do-It-Yourself panel so it’s just a little web page on our server. We signed up for the car2go API and combined their data with Google maps and some nice CSS animation. If enough people are interested, we might make this available to others. (Does your city have car2go?)
Status Board - TriMetThis is another Do-It-Yourself panel to show everyone’s bus lines. Sometimes end-of-the-day conversations are abruptly interrupted when we notice a bus is nearby. Logan has more recently made his own TriMet panel that we like a lot.
Of course, we’re also using the stock Weather, Twitter, and RSS panels for different things. And naturally, the Clock, to show the current time in Portland, Seattle, and San Francisco. You know, for conference call scheduling.

Hardware Notes

  • This time, we chose the Samsung DE55A 55″ Professional Display. Bright, thin bezel, built to stay on.
  • To cover up the Samsung logo, we used a piece of black non-glare artist tape. (Electrical tape was too shiny.)
  • We installed a double gang outlet in the wall, to support 2 TV’s and 2 iPad chargers. Permanent power.
  • We applied 3M Magnet Tape to the back of our iPads. They just stick right to the back of the display:


As people continue to build new things, our Status Board seems to change every week. Since taking these photos we’ve already added GoSquared, SNMP traffic graphs, and much more. That’s the best/worst thing about Status Board: it’s now so easy to make a cool Status Board that it’s hard to know when to stop. But hey, it’s fun!

If you’ve used Status Board to make a cool status board, send us a photo!

]]> 45
Status Board Mania! Fri, 12 Apr 2013 20:34:36 +0000 It’s only been about a day since we unleashed our Status Board app to the world, and we’ve been truly astonished by the amount of cool things people have built to make it even more useful and amazing.

Here are some of the greatest things we’ve seen so far.


Dead Simple Greatness. One click for new things:

  • TubeTracker — an incredible one-click layout for people in the UK who rely on the tube (pictured above)
  • AAPL — simple panel for Apple’s stock price (don’t follow too closely or you’ll go crazy)
  • LastFM — see your last-listened track
  • App Store Review Times —  a great way to see how busy Apple is
  • WWDC Alert — but really, how fast are tickets going to sell out this year
  • Bart Arrival Times — for those of you in San Francisco

New Native Sources. Direct-from-the-source data for your Status Board.

  • LeafPing — output your Envato sales data to Status Board. An example.
  • — track your podcast statistics on the big screen.
  • AppViz — this must-have app for App Store sales tracking can now output to Status Board
  • Don’t forget our amazing launch sources: StatHat (so useful!) and Hockey.

Sources/Conduits. Some code experience necessary to get these going:

  • Nest — a quick look at the temperatures on N
  • Server Statistics — keep an eye on your server loads
  • OmniFocus — a Python conduit to get your tasks up and running
  • Google Analytics — 7-day website stats
  • Jenkins — display running jenkins jobs in a table
  • TimeTiger — interestingly, a Windows app for time tracking
  • Mint Analytics  — a Pepper to create Status Board-compatible web stats
  • Mite — time tracking reports
  • Things — a way to get your Things to-do lists up and running
  • AppFigures 1 — a conduit for displaying your AppStore sales data
  • AppFigures 2 — another simple PHP conduit for AppStore sales data
  • BitBucket Issues — track open issues in Git/Mercurial hosted source

(And you can always add a new Do-It-Yourself panel and point it to always-running Mario.)

We’ve heard of some fantastic web services working on native Status Board data, including AppFigures and GoSquared. Stay tuned!

Finally, some unofficial third-party sites are springing up to track new things: Pinboard,, and

And we love seeing photos of people’s Status Board installations, such as this one in a Ducati dealership:


Keep sending us your cool things! Tweet to @panic or give us an e-mail!

]]> 19
Introducing Status Board. Beautiful data for all. Wed, 10 Apr 2013 20:46:07 +0000 Quite some time ago, we made a cool Status Board for the Panic office.

We were immediately taken by how awesome and important data becomes when it’s displayed in a beautiful layout in a prominent way. To glance up and see how the support inboxes were looking was priceless. It became the closest thing we had to a water cooler (second to our weird snack wall). It’s our focal point.

We thought: everybody deserves this kind of beautiful data.

So we got to work and made an iPad app. We built easy-to-use panels for anybody, to quickly see tweet counts, mailbox counts, news feeds, weather, and more. We built pro panels to display graphs and tables that can be fed with simple data feeds and be used to display virtually anything imaginable. We made it incredibly easy to set up. We made it look good sitting on your desk while you work. And (as an extra in-app purchase for professionals) we even added TV Out so you can throw this data up on your wall on a giant dedicated screen, for real.

Introducing Status Board. A brand new iPad app from Panic for displaying your data.


But this is just the beginning: our 1.0. Tell us what panels you’d like to see added. Tell us how you use it, or you’d like to use it. Let us know if you find any bugs by e-mailing us. We’ll be listening and working like crazy as always.

(Thanks to Greg, Neven, Dave, Kenichi, James, and the whole Panic crew for their excellent work on this.)

And stay tuned for a blog post about our new internal Panic Status Board on the office wall — which is now using, of course, this new app. It’s twice as amazing.

PS: Remember how we got obsessed with the poor video quality of the Lightning AV Adapter? Now you know why!


]]> 43
Coda 2.0.8 Beta 1 Fri, 05 Apr 2013 22:23:37 +0000 The wheels continue to turn: here’s a test of Coda 2.0.8.

We’re working on bigger additions to Coda, but in the meantime we’ve been fixing lots of little things. This update should improve stability and speed, and adds Transmit 4.3 favorites importing.

If you’re interested, get Coda 2.0.8b1 here (52 MB).

If you find anything weird, let us know ASAP via Hive!

]]> 16
Wanted: Office Manager & Non-Technical Support Tue, 12 Mar 2013 18:37:38 +0000 Hello! Panic, Inc., a software developer for Mac, iPhone, and iPad is seeking an Office Manager at our 15-employee headquarters in Portland, OR. A rare, non-technical Panic job!

Candidate must already live in the Portland area, and be able to start immediately. Our office is located downtown, across from Powell’s Books. This is a full-time position.

Typical job duties include:

  • Being on-site weekdays from 9 AM – 6 PM to answer / screen phone calls, take messages, and receive deliveries and visitors
  • Answering general support emails, helping users get up and running, and forwarding technical questions when necessary
  • Handling voicemails and, somehow, faxes
  • Writing checks and paying bills immediately
  • Coordinating occasional social and corporate events such as company dinners, talks, conferences
  • Recording company meetings
  • @answering non-technical queries via Twitter
  • Responding to credit card disputes and refunds
  • Following up with purchase orders for payment (accounts receivable)
  • Providing price quotes for companies interested in volume purchases
  • Maintaining office calendar (who’s in/out, any upcoming special events, birthdays)
  • Scanning receipts and verifying purchase data
  • Keeping the dishwasher sane
  • Welcoming guests & making travel reservations
  • Unexpected Cabel Tasks and miscellaneous errands

Technical knowledge beyond email and word processing is a definite plus, as is a sense of humor and easy-going attitude. We’d love someone who has a fondness for our products and technology in general. But being organized and reliable is critical.

In addition to base salary, Panic offers:

  • Medical, dental, and vision coverage after 90 days
  • Bi-annual profit-sharing bonuses
  • SEP IRA retirement plan contributions after first year
  • Flexible vacation policy
  • Reasonable, life-compatible hours
  • Convenient central Downtown location
  • Free TriMet passes and bike storage
  • A very beautiful and inspiring office, we think

Candidates of every race, gender, nationality, age, and orientation are encouraged to apply.

Sound good? E-mail your resume to us, (UPDATE: This position has been filled. Thanks!) and tell us about yourself. If we’re interested, we will send you additional details and possibly schedule an interview. While we won’t be able to write back to everyone, we really thank you for your interest!

]]> 5
The Lightning Digital AV Adapter Surprise Fri, 01 Mar 2013 23:57:38 +0000 We’ve been doing significant testing lately with video out using various iOS devices for an upcoming project. In doing so, we waded right in the middle of a strange video out mystery. It’s time to unravel that mystery. (Chung-chung!)

Mystery #1: 1600 × 900 Resolution, Tops

When we turn on “Video Mirroring” to send out an image through the Lightning AV Adapter, the system tells us that the maximum and optimum resolution we can do is 1600 × 900:


“Hang on, that’s not 1080p!”, you’re saying to yourself. That’s exactly what we said!

When we plug in the old Dock Connector AV Adapter, the system gives us the 1920 x 1080:

Dock Connector

So that’s a bummer. Questionably, Apple’s iPad mini tech specs claim “up to 1080p” video out support, but we can’t figure out how that’s possible. Maybe they mean that the adapter upscales the 1600 × 900 image to 1080p?

Mystery #2: MPEG Artifacts

When you plug a device into a television, you expect a clean, crisp signal — a mirror of what you see on the screen. Right?

But not with the Lightning Digital AV Adapter:


Not exactly the cleanest text in the universe! Look at all that edge garbage. (We don’t get these artifacts with the old AV adapter.)


We thought we were going insane. This is just an AV adapter! Why are these things happening! Limited resolution. Lag. MPEG artifacts. Hang on, these are the same things we experience when we stream video from an iOS device to an Apple TV…

You got it. After some good Twitter leads, and a little digging, we had our theory:

Is the Lightning Digital AV Adapter basically a small AirPlay-like receiver?

I don’t mean AirPlay the network protocol, but rather AirPlay the video compression system. It must somehow set up a connection with the very iOS device it’s plugged into. It’s in no way passing raw HDMI out from the device, but rather presenting said stream upscaled to 1080p.

“But wait”, you might be saying. “You mean to tell me there’s enough electronics in that tiny plug to support AirPlay streaming and decoding?”

It seems unlikely, doesn’t it? So out came the hacksaw.


You would not believe how incredibly tiny those components are on the left. Smaller than anything we’ve seen, electronics-wise. What could all of those resistors be for?

Let’s flip it over:


Your eyes don’t deceive you — that tiny chip says ARM. And the H9TKNNN2GD part number on there points towards RAM — 2Gb worth.

In short: it appears the Lightning Digital AV Adapter has a SoC CPU. 

So, AirPlay (or AirPlay-like MPEG streaming) makes a lot more sense now.


There’s a lot more going on in this adapter than we expected: indeed, we think the Lightning Digital AV Adapter outputs video by using AirPlay (or similar MPEG streaming). Are we off base? Let us know!

There are a lot of questions. What OS does it boot? @jmreid thinks the adapter copies over a “mini iOS” (!) from the device and boots it in a few seconds every time it’s connected, which would explain the fairly lengthy startup time for video out. Why do this crazy thing at all? All we can figure is that the small number of Lightning pins prevented them from doing raw HDMI period, and the elegance of the adapter trumped the need for traditional video out, so someone had to think seriously out of the box. Or maybe they want get as much functionality out of the iPad as possible to reduce cost and complexity.

The bad news? By streaming internally, the quality is poor, and it’s not 1080p. We long for raw, untouched HDMI-out.

The good news? If someone complains that this insignificant plug costs $50, tell them it’s a tiny computer!

UPDATE 3/2: This anonymous comment — if you believe it — confirms nearly all of our theories and adds much-needed backstory. Very interesting! Thanks, whoever you are. Our nerd-brains appreciate it.

PS: If you’re wondering why we’re obsessed with clean iOS video out, we’ll post some status on that soon!
]]> 176
Top 20 Secrets of Coda 2 from Cabel Wed, 19 Dec 2012 08:31:23 +0000 あなたの知らない Coda 2 の機能があるかも知れません。この記事で Coda 2 をより深く知り、これまで以上に使いこなしてください!

1. 新規ファイルを分割ウインドウで開く

新規分割ウインドウボタン  で追加された分割ウインドウに、以下の 3つの方法で任意のファイルを表示させることが可能です:

  1. サイドバーかパスバー、もしくはファイルタブで option + ダブルクリックする
  2. パスバー上にドラッグ&ドロップする
  3. コンテキストメニューから “分割ウインドウで開く” を選択する

ボーナス Tip: “Option” キーを押しながら新規分割ウインドウボタンを押すと、分割方向が切り替わります。デフォルトの設定は Coda 環境設定 ▸ 一般(タブ)▸ 分割ウインドウで変更可能です。

2. HTML + CSS + ライブプレビュー

エディタを 3つに分割し HTML ソースコードと CSS ソースコード、プレビューを並べて作業を行えます。まず編集したいあなたの HTML ファイルをエディタで開きます。次に新規分割ウインドウボタンを押し新規書類を分割ウインドウで開きます。ここで先ほど #1 で紹介した方法で編集したい CSS ファイルをいま追加した分割ウインドウ上に(パスバーにドラッグするなどして)開きます。最後に、最初の HTML 書類に戻って選択した後、新規分割ウインドウ ボタンからプレビューを選択します。

ライブプレビュー機能により編集された HTML や CSS はすぐにプレビューに自動的に反映され表示されます!

3. 環境設定を探検する

はい、これはそれほど “尖った” Tips ではありません。しかし私たちはこれを強く強くオススメします。ぜひ数分の時間をかけて Coda 環境設定を隅々まで確認してみてください。恐らく知らなかった、気づかなかった “あの” 設定が見つかると思います!

4. サイトグループを作成する

サイト設定が増えてくると整理したくなってくるかも知れません。そんな時はサイト設定を別のサイト設定上にドラッグしてください。iOS アプリケーションの様にサイト設定を整理することが可能です。以前の項目をまとめたり、案件毎にまとめたりすることができます!

5. テキストタブを使用する


6. 特定のファイル形式の書類を表示・隠す

サーバ上のすべての隠しファイルを確認する必要は無いのに .htaccess ファイルは編集する必要があるので “不可視ファルを表示” オプションをオンにしたりオフにしたりしていませんか?

そんな面倒は必要ありません!Coda 環境設定 ▸ ルール(タブ)▸ ルール設定から、転送のスキップや表示、非表示を設定することが可能です!

7. iPhone/iPad 上の表示をシミュレート

プレビュー中に “ユーザエージェント” を iPhone や iPad に変更してみてください。こんな風に変わります:



8. パスバーからコードナビゲータにアクセスする



9. ナビゲータにカスタムブックマークを追加する

ナビゲータには HTML 書類内で使用されているエレメント名でリストされますが、任意の文字列でナビゲータに表示させるブックマークを作成することが可能です。以下の様に記述してください:

<!-- !Page start -->


// !Bookmark


10. 素早く指定の行にジャンプする

エディタの下端にある行番号をダブルクリックします。ポップアップウインドウが現れますので、移動したい行番号を入力してください。(ショートカット ⌘⇧L も利用可能です)

11. ブックを探求する

ビルトインブック機能に “隠れた機能” はありませんが、Coda 2 で大幅にオーバーホールされたのでぜひチェックしてください。


ボーナス Tip: オンラインで利用可能です。必要に応じてご活用ください: HTMLCSSPHPJavascript

12. インラインで CSS スタイルをブラウズする

私の様な CSS ルールをいくつも覚えられない場合、どうしたら良いでしょうか?CSS スタイル宣言の後、以下の様に “esc” キーを押し現れたポップアップで “Styles” を選択してみてください:


13. 新規ウインドウでプレビュー

Gもし大きなスクリーンをお持ちでしたらプレビューギアメニューから、このアプリケーションで開く ▸ 新規ウインドウを選択してください。

14. テキストをタグで囲む

テキストを入力しそれを選択します。書式 ▸ タグで囲むを選択するかショートカット ⌘< を入力します。すると <div> タグで囲まれます。それで終わり?いいえ、Coda 2 は “div” の開始タグを選択した状態で待機しています。指定したいタグを入力してください。すると自動的に終了タグも書き換えます!

15. ブロック編集で複数行をまとめて編集

Q複数の行をまとめて編集したいなら、ブロック編集機能が便利です。編集したいテキストを Option キーを押しながら選択してください。編集内容がすべての行に反映されます!

“esc” キーを押すとブロック編集モードを終了できます。

16. すばやく開く

ローカルで作業を行っているなら、パスバーの左端をクリックすると “すばやく開く” ウインドウが現れます。ファイル名の一部を入力してみてください。入力内容と一致する項目がリストアップされます!ショートカット Control +Q からも利用可能です。

17. 加工処理メニューを探求する

文字列のエンティティ化や改行コードの削除をする必要がありますか?もしそうなら、書式 ▸ 加工処理メニューをご活用ください!

18. よく使うフォルダを場所(プレイス)に登録する

サイトの構築中、頻繁にアクセスするフォルダがある場合はサイドバー項目の場所(プレイス)にドロップして追加することができます。サイト設定毎のフォルダ版 “お気に入り” としてご活用ください。

19. プレビューから CSS スタイルにジャンプ

(Note: この tips は Coda 2.0.2 以降で利用可能です。)

プレビュー上で右クリックし、表示されるコンテキストメニューから即座に CSS のスタイルにジャンプしてエディタで開くことが可能です。

Bベストポイント: CSS ファイルが開かれていない場合は Coda が当該 CSS ファイルをエディタで開き表示します!

20. ボーナス Tip: キーボードショートカットのカスタマイズ

最後に、OS X の知られざる素晴らしい機能をご紹介しましょう。これはほぼすべてのアプリケーションで利用可能です。

システム環境設定 ▸ キーボードから “キーボードショートカット” を選択します。

左のリストから “アプリケーション” を選択し、”プラス”  ボタンを押します。

現れたダイアログで Coda 2 を選択して、ショートカットを割り当てたい、変更したいメニュータイトルを正確に入力の上、任意のショートカットを入力してください!

(メニュー項目に … が利用されている場合、それはピリオド 3つでは無く 1文字です! option + セミコロンで入力できます。)

新たに追加したショートカットを利用する前に Coda アプリケーションを再起動してください。



]]> 1