「iPhone」風UIを実現するJavascript「iUI.js」
Javascript Movable Type ruby About Me UI関連 メニュー関連 グラフ関連 フォント関連 画像関連 フォーム関連 印刷関連 その他 超手軽にレイアウトを作成するjavascript「Simple Layout Manager」 色をHEX、RGB、HSBで表示するカラーピッカー「mooRainbow」 色を選択するカラーピッカーjavascript「Mootools Colo(u)r picker」 見栄えの良いカラーピッカーjavascript「Color Sphere」 色の変化がわかるカラーピッカーjavascript「Interactive Color Picker」 PhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」 お手軽にtooltipsを実現するja
iPhone + Spry + jQueryで、スライドできるパネルを作る - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の操作としては、指で左右に弾くことで次のページ・前のページを表示できる操作があります。 前回のJavaScriptによるイベント取得と、jQueryおよび、Spry framework for Ajaxを組み合わせるとWebアプリでもこの操作が可能です。方法を紹介しましょう。 デモプログラムはこちらから まずは、iPhone用のページテンプレートを作ります。iPhone site extensionを使うと便利です（笑 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>iPhoneでスライドを作るサンプル</title> <meta name="viewport" content="width=device-widt
cocos2dを使ったiPhoneアプリ制作を解説してみる|その１
どのページでも ご自由にリンクしてください。 感想ご要望はお気軽に！ info@taskinteractive.com ■インデックス インデックス ■順番に解説 ・導入 その1 導入 その2 HelloWorld その3 わからない単語でも安心 その4 いじるファイルと画面構成 その5 ソースにある単語を手探る その6 実行の順を追って手探る その7 クラスの名前と素性を手探る ・サンプル1 その8 ボール遊び1 Scene/Layer/Sprite その9 ボール遊び2 ファイル名を変えてみる その10 ボール遊び3 ソースをいじってみる ■項目ごとに解説 クラスの解説 その１ クラスって何？ クラスの解説 その２ インスタンスって何？ クラスの解説 その３ オブジェクト指向って何？ クラスの解説 キリッと クラスの書式１ 便利なメッセージ description を使う cocos2
【レビュー】自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート | エンタープライズ | マイコミジャーナル
Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている
【レポート】iPhone 4でも3でも綺麗に表示されるCanvasの使い方 | エンタープライズ | マイコミジャーナル
WaltPad - A TypePad-powered blog by Walt Dickinson iPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく表示する手助けをする。しかし、スケーラブルではないデータ、例えば画像などはそのまま2x2倍へ引き伸ばして表示するため、どうしてもギザギザが目立ってしまう。 iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方 iPhone 4に対応したWebサイトを作る方法 これはHTML5のCanvasを使った場合でも同様だ。Canvas要素で描画した内容は基本的にピクセルベースであり、iPhone 4では2x2倍に引き伸ばして表示される。この問題は、画像であれば、CSS3のメディアクエリを使って解
Yahoo!Japanを作る [iPhoneのある生活]
ここでは、デフォルトのブックマークである「iPhone用Yahoo!Japan」を取り上げます。 今回取り上げるiPhone用Yahoo!Japanの特徴 実際のiPhone用Yahoo!Japanは、Javascriptによるニュースのスクロールや、CSSでの画像のレイヤー構築など複雑な処理がありますが、 今回はこのうちの一部として以下を取り上げます。 iPhoneを回転させても拡大・縮小しない iPhone用Safariで文字を拡大させない iPhone回転ごとに処理を行う iPhone縦持ち・横持ち用のスタイルを使い分ける 結果とソース 上記のようにほぼ再現することが出来ました。（実際のページはこちら）ソースは以下です。 スケールで縛りを設け、回転時に拡大･縮小を防ぐ 回転時に処理を行う 回転時のイベントを設定 要点 ポイントは以下です。 initial-scale=1, minim
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ
Paper.li