Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
マイコミジャーナル｜【レポート】iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方（2010/07/23）
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能
マイコミジャーナル｜【レポート】iPhone 4に対応したWebサイトを作る方法（2010/07/05）
The WebKit Open Source Project iPhone 4にはRetinaディスプレイと呼ばれる高解像度ディスプレイが搭載されている。これは従来のiPhone 3GSの4倍の解像度にあたり、その美しさはiPhone 4の売りのひとつになっている。iPhone 4 Retinaディスプレイの美しさはユーザを満足させるものかもしれないが、同時に、WebデベロッパやWebデザイナに対してこれまで議論に上がっていた「High DPIに対応するWebサイト」という課題を実感させるものにもなった。 サイズが同じでディスプレイの解像度だけが上がるということは、従来と同じ方法でレンダリングすればその分小さく表示されることを意味している。これでは読めたものではないため、見やすいサイズまでスケールを上げる。iPhone 3GSとiPhone 4のケースなら、縦を2倍、横を2倍にすればいい。
HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT
QuickConnectFamilyはiPhone/Android/Mac OSX（その他色々）用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。 地図アプリ。サンプルはその他にも多数あり それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneやAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。 QuickConnectFamilyは実に多様なスマートフォン、OSに対して利用が想定されている。現時点ではiPhone/Android/Mac OSX/Linuxなどがメインでは
iPadだけにCSSを適用する方法 | Web活メモ帳
2010.08.20追記 こちらの記事はipad「だけ」に適用する内容ではありませんでした。 実際にはJavaScriptなどの条件判定が必要なようです。 「HOWTO: CSS for the iPad」というエントリーにてiPadだけにCSSを適用する方法が紹介されていましたので、メモ的にエントリー。 詳しくは以下 設定方法 以下のコードで設定できるようです。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> このタイプのメディアタイプを扱えないブラウザが無視するためiPadだけに適用されるようになるようです。 同様のやり方でiPhoneにも対応できるとの事。 iPhoneだけに適用したい場合はmax-device
CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」:phpspot開発日誌
CSSiPhone ? Screens for all your iPhone needs. CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」。 多数のサイトを見ることで、CSSサイトデザインのノウハウが学べます。 iPhoneサイト作成は、小さいスクリーンの中でいかに情報を表示させるかというのが問われる部分ですが、こうしたページを参考にしていくことでいいものが作れそうですね。 iPhoneサイト作成のときのために覚えておきましょう。 関連エントリ iPhone向けWebアプリを作ろう iPhone用Webページでオブジェクトのドラッグ＆ドロップ、リサイズをジェスチャで行う凄いサンプル iPhoneでのWEBページ作成に「iPhoney」 RememberTheMilkと同期するiPhoneアプリ「Appigo Todo」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
