iPhoneサイトでダイアログを表示する

iPhone ウェブサイトを作成する際に、新規にウインドウを開いて外部サイトへ誘導する時やイベントを他のアプリに渡す場合にユーザにお知らせするユーザインターフェイスは大切ですよね。それも簡単に実装できるとなると使わない手はないです。

iphone-dialog.png

<a 
  onclick="return confirm('メールソフトが起動します');" 
  href="mailto:email@example.com"
>電子メール</a>

ただ、あまり使いすぎるとうるさい仕様になるので程々に。

Posted in HTML/CSS | Tagged , | Leave a comment

AUGM in OITA 2010 を開催します

今年も Mac なイベントを大分で開催します。盛りだくさんのイベント内容で皆さんのご参加を楽しみにお待ちしております。

http://augm.onsenringo.org

augmo-iphone.png

今年は iPhone に最適化したレイアウトのウェブページをご用意いたしました。iPhone からトップページへアクセスするとリダイレクトされて iPhone 用ページが表示されます。是非ご利用ください。

なお、参加には事前登録申込が必要となりますのでよろしくお願いします。

Posted in Community | Tagged | Leave a comment

Simplenote

simplenote-icon.png

愛用している iPhone 用メモアプリ Simplenote なんですが、いつの間にか無料で配布されるようになっていたのですね。その代わりプレミアモード(年間600円)を設けることによってスタンダードとの差別化を行っている模様です。アップデートを繰り返しながら使っていましたが違いに気が付きませんでした。有料アプリの時代に購入したので初年度は無料ということでしょうか。とにかくストレスなく使えているので気にしません。

私の主な使い方は、自己紹介文や個人情報などの汎用性の高い情報を書き留めたり、気になる情報をコピペで貼り付けたり、たまに時間がある時はブログの下書きを書いたりとテキストで扱えるものをいろいろと入れてます。

Posted in iPhone/iPod touch | Tagged , | Leave a comment

Text Editor Actions for Coda v2.0b3

HTML 文章を書くのに Coda を使っています。ハンドコードする上で欠かせないプラグインが「Text Editor Actions for Coda」です。Espresso では標準でインストールされていますが Coda では別途インストールしなければなりません。

何が便利かといいますと、zen coding が使えること。この構文を覚える手間がありますが、習得してしまえば作業効率が格段に向上しますよ。CSS セレクタを理解しているとすぐに使いこなせるようになります。

他にも、コンテンツや要素の選択が簡単にできたり、選択した要素に親要素を追加したり、とかが簡単にできるようになります。わざわざマウスに持ち替える手間がなくて入力できます。

一例として、箇条書きリストを ul 要素でマークアップしてみましょう。

home
about
content

3行を選択した状態から Wrap With Abbreviation (control-shift-A) アクションを使います。コマンド実行シートが表示されるので

ul>li*>a

と入力して実行します。すると

<ul>
  <li><a href="">home</a></li>
  <li><a href="">about</a></li>
  <li><a href="">content</a></li>
</ul>

このように要素が補完された状態になります。ビデオを見るともっと理解が早まるかもしれません。

Demo video with current Zen Coding features

Posted in HTML/CSS | Tagged , | Leave a comment

パーク・オープンショルダー

土屋鞄製造所から出た新製品「パーク・オープンショルダー」を購入しました。ちょっと天気が怪しい日や荷物の出し入れが多いと予想される日などに使っていこうかなあと考えてます。

軽くシンプルなデザインが気に入っています。ファスナーポケットがあるので貴重品も安心して持ち歩けますし、荷物が多い日に役立ちそうです。

Posted in Hobby | Tagged | Leave a comment