Safari 6とiOSシミュレータの組合わせでインスペクタ表示ができる！ | SCRIPTCHIPS
さて前回の記事『iOSシミュレータでインスペクタ表示を可能にするiWebInspector – OS X 10.8(Mountain Lion)では動作せず、、、』にてiwebinspector導入顛末を書きましたが、Mountain Lionを使用している場合は動作しないのでAppleオフィシャルのインスペクタを利用する方法を紹介します。 Safari 6 × iOSシミュレータ Safari 6 とiOSシミュレータを既に導入している方は特に新しくアプリケーションをインストールする必要はありません。 iOSシミュレータの設定 Settings > Safari >Advancedを選択 Web Inspectorの項目をONに Safariを開いてインスペクタを表示させたいページにアクセス Safari 6の設定 iOSシミュレータ側の設定が完了し、Webも表示終わったら、MacのSa
iOS 5(iPhone等)の数字入力用inputフィールドでカンマを表示させない方法 - flairDays - てさぐりの日々
type=numberの入力フィールドにカンマが入る 10月にApple iOS 5がリリースされ、早速お手持ちのiPhone/iPadなどをマイグレーションした方も多いでしょう。私もその一人なのですが、Safariを使っていてある困った「変更」にすぐ気付きました。 ブラウザ内で数字を入力させるためのフィールドで、3桁毎に勝手にカンマが入る この件については、id:oogattaさんの記事に記載があります。 iOS5 で type="number" の input 要素に数字を入力した時の処理が仕様により即したものになったようで、単純に言うと、本当に「数字・実数」にのみ使うものになった。例えば！郵便番号には！使えない！ 俺！仕事で！郵便番号に！使ってた！！ 047 とか入力するとなんと 47 にされるし、 1408 とか入力すると 1,408 とコンマが入ったりする。 http://d.h
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
Android Viewportとの戦い
tacamy @tacamy まじAndroidなんなの…。同じOSのバージョンでも機種によってぜんぜん違うんですけど…。ただ、WebClipアイコン置きたいだけなのに…。 2011-03-07 18:24:37
meta viewportがよくわからん
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 結局 が一番いいのかもと思った。html5 boilerplate mobileでも使われていたので… 以下はよく検証してないので間違ってる可能性があります。 まず、ほんとは にしたい。想定される結果は、iPhone縦だとviewportの幅が320px、iPhone横だとviewportの幅が480pxになるというもの。だがこれをやると、iPhoneで縦→横にしたとき、コンテンツの幅は320pxのまま、これが幅いっぱいにズームされた状態になる。iPhone Safariは、基本、縦→横にしたら、その時の画面の幅を維持して拡大してくれるので、user-scalableがyesである限り、wid
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
iPod_touch - wiki@nothing
Last-modified: 2008-04-20 (日) 00:18:53 / Short URL: http://wiki.nothing.sh/1784.html / - users /
youtubeやニコニコ動画の動画をパソコンで保存してiPhone 3Gでみる方法 iPhone 3G FAN ユーザーズガイド
色々ありますが、おそらくこれが最もめんどくさくない方法だと思います。 まず、 CravingExplorerというフリーソフトを以下のサイトからダウンロードします。 リンク：CravingExplorer公式サイト 次にCravingExplorerをインストールします。日本のソフトですので特にインストール方法の説明などはしなくても大丈夫ですよね？迷ったら「はい」で大丈夫です。(わからなかったらコメント欄に質問してください。) CravingExplorerを起動してみましょう。以下のようなウィンドウが開きます。 [ツール]→[CravingExplorerオプション]にて動画サイトでのアカウントを入力しておくといちいちログインする必要も無く便利です。 次にツールバーから動画を検索しましょう。今回は、ニコニコ動画のタブ検索から検索してみました。動画のサムネイルの下に[動画を保存
iPhoneとiPadをバッファローのWi-Fi（無線LAN）に接続する方法 – 和洋風KAI
こないだようやくiPod touchを手に入れたのですが、いきなりつまづいたのが、自分の家にあるバッファロー製の無線LANにiPod touchが繋がらないことでした。 どうやらAOSSはiPod touchに対応していないようです・・・。 パソコンなら、専用のユーティリティーで接続できてしまうのですが、iPod touchだとそうもいかず・・・ってことで、iPod touch、iPhoneがバッファローの無線LANに接続できないあなたに、うまくいく方法を伝授いたします！ 用意する物 ・iPod touch or iPhone or iPad タッチパネル式で直感的に操作できるApple製ガジェット ・バッファロー製の無線LAN（AOSS対応） AOSSでのパソコン接続の簡単さは異常。だがiPod touch,iPhoneはAOSSでは接続できないようです。 1．Air Station S
iPhone に好きな曲の 着信音 を設定する方法を詳しく解説させていただきます（iTunes 10対応版） : ギズモード・ジャパン
iPhone に好きな曲の 着信音 を設定する方法を詳しく解説させていただきます（iTunes 10対応版）2008.07.18 23:0040,281 2008年のiPhone発売時に公開して以来、多数の方々に御覧頂いていたこのエントリー。多方面から｢記事が古いよ！｣｢コメント全部読むのめんどうだよ！｣との声をいただいておりました。いつかアップデートしなければ...。毎日そのことばかり考えており、夜も眠れない毎日でしたが、iTunes 10が発表され｢こりゃちょうどいい！｣ということでiTunes 10対応版のiPhone着信音の作り方としてリニューアルいたしました。今後ともよろしくお願いします。 前提として、iTunes 10を利用しています。着信音の元となるのは、iTunesに登録している自分でリッピングしたMP3ファイルです。 それでは、この後から新しい｢iPhone に好きな曲の
iPhone の「設定」をゼロから見直して、自分に合うように最適化する。
AppBankです。 先日、iPhoneにちょっとした不具合が見つかりました（内容は秘密）。バックアップからの復元では直らず、工場出荷後の状態で復元すると不具合が直りました。iPhoneの挙動もすこぶる早くなるというおまけもついてきましたのでよしとします。 ということで、バックアップ状態に戻せないので、iPhoneをまっさらの状態から設定し直しました。幸い必要だったデータは連絡先データと写真のみでしたのでなんとかできそうです。 最近 iPhone を手に入れた方が本当に多いと聞きます。 現在、私がどのような iPhone の設定をしているかメモ代わりにご紹介したいと思います。自分でも知らなかった設定がわんさかありましたので、みなさんも一度目を通してみてくださいね。 参考記事： iPhoneの使い方や設定方法のまとめ 追記： コメントがありましたのでアップルに確認しました。「バッテリーの残り
「iPhone 3G S」の価格や解約時の費用が気になってなかなか購入できない人のためのまとめ : らばQ
「iPhone 3G S」の価格や解約時の費用が気になってなかなか購入できない人のためのまとめ 【2010年6月iPhone4版を更新しました。】 iPhone4はいくらするの？これから買う人、3G、3GSから機種変更する人のための、お財布と相談するための資料まとめ 明日6月18日より新しいiPhone 3GSの予約が始まります。だけど、飽きた時や使いこなせなかった時の解約費用が高いと噂されるし、買っても大丈夫かな…なんて悩んでいる人も多いのではないでしょうか。 …いや、私が悩んだんですが…。 そこで、ソフトバンクのカスタマーセンターに細かく聞いて、どの機種を買うと月額いくらで、いつ解約するといくらかかるのか、一括、分割だとどう違うか、3Gと3GSではどのくらい費用が違うか…など、細かく調べて一覧表を作ってみました。ただし、新規またはMNPでの契約限定です。 まあ結論から言うと、結局悩まし
iPhone向けサイトを考える : リッチっぽいiPhone向けサイトを作るためのCSS3アニメーション - livedoor Blog（ブログ）
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動きを規定します。 -webkit-transform:translate -webkit-transform:translate(0,0)；//位置 -webkit-transform:rotate(0deg)；//角度 -webkit-transform:scale(1);//倍率 がデフォルトの値です。本来の位置からどれだけずれているかを
iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目 - builder by ZDNet Japan
先日、日本人開発者向けに「iPhone for Web Developers - Optimizing Web Applications and Content for iPhone」の日本語版にあたる、「iPhone向けWebアプリケーションとコンテンツの最適化」が公開された。日本でのiPhoneの発売は未定だが、先日発売されたiPod touchにはiPhoneにあるWebブラウジング機能が実装されている。共にブラウザはSafari 3が使われているので、文書はiPhone向けに書かれているが、日本でも文書に書かれているガイドラインを参考にしてiPod touchユーザー向けにモバイルコンテンツを配信することが可能というわけだ。（注釈1） ここで「モバイルコンテンツ」という言葉を書いたが、今までの携帯電話を対象にしたモバイルコンテンツと異なるところが、iPhone、iPod touch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.sawadaru.com/blog/?p=433
Yahoo!画像検索流 iPhone用ページの作成方法
iphonewalker.net
http://www.60west.net/archives/164
http://www.designwalker.com/2009/09/iphone-wallpapers.html