CSS3によるTransition Effects 30
最近、はてブでも話題になったAppleのHTML5 Showcase。 iPhoneやらiPadのWebApp開発の勉強として、HTML5やCSS3についてもう少し勉強しておこうということで、差し当たってHTML5 Showcaseを参考にTransition Effects Sampleを作って見ました。 CSS3 Transitions Collection 30（Safari4以上で閲覧してください） 作ったEffectはHTML5 Showcaseで紹介されていたものを含めて30種類。 おなじみの「Cube」やアニメの登場のような「Squish」、Appleタイムマシンのような奥行きをイメージした「Flip Switch」、キーノートのEffectにあるような「Revolve」「Reflection」「Swap」なんかも用意しました。 中にはオリジナルのものもあります。（Fade
★ SafariからiCab Mobileへ跳ぶブックマークレット - T’s blog
参考：☆ iCab Mobileはモジュールが命だ☞ http://d.hatena.ne.jp/tomi_kun/20101103/1288775116 iCabやっぱり良いです。動作も軽いしタブの一覧はとても助かります。 使っていて楽しいアプリのひとつですね。とくにブラウザはiPhoneの基本アイテムですので重要です。 しかし如何せんiPhoneのデフォルトブラウザはSafariなのでOpen in Safariで水をさされます。 iCabの設定のToolsでFAQ,Newsにこんな記事がありました。 要するにjavascript:location.href='web'+location.href.substring(4); このブックマークレットをSafariに登録すればSafariからiCabへ移動できると言うことですね。 さっそく試してみました。快適 快適！ ますますiCabが気
iPhone,iPadをPC上でエミュレータ「iBBDemo2.0」使い方？快適にシミュレーター可能
あなたのサイトやブログは今大流行中のアップルのiPhoneやiPad（日本ではソフトバンク販売）でどのように見えるだろうか？iPhoneやiPadが手元になくても見える方法はないのか？このブログはiPhoneで以下のように見えました。 iPadでは以下のようにシミュレーション（デモンストレーション）できました。 私のこのブログはＰＣでシミュレーションしてiPhoneやiPadを画像にあるように見えることを確認しました。日本語がないので苦労しましたが、このシミュレーションを可能にした無料エミュレータのソフトの「iBBDemo2.0」の使い方とは？ 無料ソフトのエミュレータ「iBBDemo2.0」の使い方 iPhoneやiPadでどのように見えるのかを簡単にＰＣでシミュレーションしてくれるエミュレータが「iBBDemo2.0」ですね。この優れもののソフトはアップルのＳａｆａｒｉ（サファリ）とい
【safari】テキストを選択して翻訳する機能拡張を作りました。:</gecko>：げことじ。：日常からWEBまで：
勉強がてらsafari5用エクステンション「Honyac」を作りました。 以下からダウンロードする事が出来ます。 Honyacはテキストを選択すると、その場でテキストを翻訳することが可能です。 日⇔英に対応しています。 インストール後、ブラウザの再起動もしくは新しいウィンドウやタブを開くことで、そのウィンドウやタブから使えるようになります。（リロードでも可） 設定画面から翻訳タイプを切り替える インストールして設定->機能拡張を選択。 Honyacを有効にすることで使用可能になります。 翻訳タイプを３種類から選択出来ます。（インストール時は”使用しない”） ツールバーから翻訳タイプを切り替える ツールバーのカスタマイズで「選択して翻訳」をツールバーにドラッグすることで 設定を開くことなく翻訳タイプを切り替えることが出来ます。 1. 使用しない 2. 日本語を英語にする
ユーザー体験のための、11個のハウツー for iPhone (意訳)
怪しい意訳へようこそ。 iPad用のHTMLを作成中に調べ物をしたら、中々まとまっているAppleが提供しているハウツーコンテンツがあったので紹介。精度はやや怪しいので不明な点は原本をあたってください。 原本：User Experience Coding How-To's for Safari on iPhone on iPhoneとありますがiPadでも変わらず利用できます。 1. 表示可能なスペースに対して、良い感じのサイズで表示するにはどうしたらいいの？ Ensure that my web content uses all of the available screen space on iPhone? iPhoneのSafariは、小さいスクリーンでウェブページを表示するために、表示エリアのwidthを仮想的に広げて、コンテンツを縮小表示します。標準では980pxに指定されている
iPhone用のサイトを作成する時に便利なライブラリ・テンプレート集 - 仮想化する僕たち
いろいろと新しいライブラリとかも出てきているようなのでまとめてみました。 アプリを作るのも良いですが、webサービスとしてさくっと世の中に出してしまうのも手ですね。 アプリと言いつつwebサービスで十分といった類のものも多い状態ですし・・・。 iui.jsはsafari上でiphoneアプリっぽいデザインのサイトを実現するためのライブラリです。 cssとJavaScriptを駆使して簡単なhtmlを組むことでおしゃれなサイトに変換してくれます。 アニメーションする左右移動によるページ遷移はiphoneのipodと同じです。 User Interface (UI) Library for Safari development on iPhone iWebKitもiuiと同様のコンセプトで開発されている変換用ライブラリ。 後発ということもあって完成度は高くアプリと見紛う程です。 iWebKit
Safari Dev Center - Apple Developer
Safari for developers Safari is the best way to experience the internet on iPhone, iPad, and Mac. Thanks to blazing-fast performance and industry-leading energy efficiency, millions of users enjoy exploring the web with Safari. Take advantage of powerful new features, advanced developer tools, and cutting-edge technologies in Safari to deliver best-in-class websites and apps. Safari web extensions
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Av-jyo.com
サービス終了のお知らせ