iPhone 6でのスマートフォンデザイン iPhone 6の発売日を明日に控え今後のスマートフォンサイトデザインをどのようにしていけばよいかSNSで見かける悲鳴を拾い上げながらQ＆A形式で答えて見たいと思います。(実物を手に入れて間違っていたら後日修正します) Q.1 iPhone 6の解像度が750×1334でdevice-pixel-ratioが2だとCSS解像度は375×667だけど横幅320pxでデザインしても大丈夫？ A.1 横幅320pxでデザインしても大丈夫。基本最近のスマホ対応では多解像度に対してリキッドでフィットするようにするのが主流。 リキッドの場合ベースデザイン320pxを375pxに広げて表現するのは難しくないが、ベースデザイン375pxを縮めて320pxで表現するのは至難の業なのでスマートフォンデバイスでの最小幅である320pxでのデザインは当分続きます。 Q.
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
（この記事は2011年11月に書かれたものです。今は、Swiftを勉強した方が良いでしょう。） おはようございます。プログラミング未経験からiPhoneアプリ開発を初めてそろそろ2年目、するぷ（ @isloop ）です。 いやーこの2年の開発ライフを思い起こせば、あっという間だったのですが、するぷろ for iPhone、するぷろ for iPadというブログエディタアプリと、バランスシートな貯金箱という家計簿アプリの3つをリリースできましたし、なんとおかげさまで、賞をいただくこともできました。 別に特別なことはなにもしていないのですが、これも、とびっきり優秀な参考書が隣にあったおかげ。優秀な参考書は、わからないときにサッと答えを教えてくれる白ヒゲを蓄えた長老のようなものです。 そこで今日は、「プログラミング未経験からiPhoneアプリ開発を勉強する人が読むべき超オススメな参考書3つ!」と
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
I’m here to break down the basics of Dubai Maritime City license types. When it comes to choosing the right license for your business, there are key factors that you need to consider. Understanding the application process is crucial in navigating through the licensing requirements. Dubai’s thriving maritime sector offers a range of licenses for … Read more
iPhone/iPad独自タグや、便利なタグなどまとめました。それぞれの注意点とか発見した不具合とか掘り下げると色々とありますが、ひとまず以下まとめて列挙してみました。 ■metaタグ：基本のviewport ＜meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, "＞widthとheight：最初に読み込まれる表示サイズ。widthを指定しないと横幅980px。 initial-scale：最初に読み込まれた際の拡大率 user-scalable：ユーザーが拡大できるか否かを、yesかnoで設定 maximum-scale：ユーザーが操作可能な拡大率の上限 minimum-scale：ユーザーが操作可能な拡大率
エウレカは8月29日、恥ずかしいツイートを勝手に投稿する目覚ましiPhone用アプリ「OKITE」を8月24日にApp Storeで公開したと発表した。価格は無料。 OKITEは、ユーザーのTwitterアカウントと連動したアラームアプリ。設定時刻に起きずにスヌーズを連打すると、その都度「世界にはオレみたいな人材が足りない」「セーラー服なう」など、恥ずかしいツイートを自身のTwitterに勝手に投稿されてしまう。 アラームは、毎日リピートする「まいあさ用」と1回のみの「一回用」が用意されている。また投稿されるツイートは、初期設定で選択した性別によって変化する。実際に投稿されたツイートは「#OKITE」というハッシュタグ検索でまとめて見ることができる。
iPhoneのみ対応させる場合は、3GSと4だけ意識すれば良いでしょう。3GSに合わせておけばまず間違いないです。Androidに至っては端末によって解像度はバラバラなため、それぞれに対応させる必要があります。 そんなバラバラなAndroid端末ですが、 画面サイズはいくつに合わせるのが得策か。コノルではコーディングを行う際には、「横サイズ320+（可変）」としています。しかし、注意が必要なのはデザインなのです。デザインする際には、横サイズを640pxで行います。この辺りが間違えやすい所。 そしてコーディングの際に必ず以下のタグを入れる必要があります。 <meta name="viewport" content="width=device-width; initial-scale=1, mi
スマートフォン向けサイトの作り方 更新日：2011年1月22日｜公開日：2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Logitec Bluetooth2.1 + EDR対応ステレオヘッドホン ケーブル充電: 楽器