タグ

サイズに関するtake-itのブックマーク (5)

  • Responsive Samples by unshift

    「固定値型」では、フォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「相対値型」では、ビューポートの幅が変わってレイアウトに影響がないので、PCレイアウト時はSNSリンクは常に表示。 「固定・相対値複合型」では、「固定値型」の範囲内でフォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「固定値型」では、ページのコンテンツの幅同様に、間延びを防ぐため最大幅を1680pxに設定。ビューポートの幅が1680pxより大きい場合は中央に配置される。 「相対値型」では、ページのコンテンツの幅同様に、常にヘッダーのコンテンツの幅がビューポートの幅と一致するため、最大値を

    Responsive Samples by unshift
  • デザイナー向け!iPhone6対応について

    (追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです(主観だけど) (追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け! iPhone6/6+の発売がいよいよ明日となりました! 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報! あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基的な情報 画面解像度はこうなってます 端末 解像度 インチ 書

    デザイナー向け!iPhone6対応について
  • jQuery :: 画像を指定サイズにリサイズして表示する [Tipsというかメモ]

    <script type="text/javascript" src="/path/to/jquery.js"></script> <script type="text/javascript"> jQuery.event.add(window, "load", function(){ var fw = 100; //fixed width var fh = 100; //fixed height var sl = 'img.hoge'; //selector $(sl).each(function(){ var w = $(this).width(); var h = $(this).height(); if (w >= h) { $(this).width(fw); } else { $(this).height(fh); } }); }); </script> <img src="sa

  • iPhone/Androidの壁紙サイズ|スマートフォン|モバイル/スマートフォン|PHP & JavaScript Room

    Xperiaの壁紙サイズ 2010/9/26 Xpreia、HT-03A、DesireなどのAndroid端末は、ホーム画面を左右にずらして3画面(左・中央・右)使えるようになっています。 ホーム画面領域の横を4等分して、左から2つブロックずつ合わせた領域が、各画面で壁紙でみえる領域となります。 ただし、設定した壁紙からホーム画面の「ステータスバー」と下部「アプリケーションメニュー」にかぶる部分は隠れてしまいます。 Xperiaの場合、ロック中画面では「ステータスバー」(上から約14px)と下部「アプリケーションメニュー」(下から約16px)、設定した壁紙からそれらを除いた領域がみえることになります。 ※ホーム画面ではアプリケーションメニューを展開するつまみが表示されるため下から約56pxを除いた領域。

    iPhone/Androidの壁紙サイズ|スマートフォン|モバイル/スマートフォン|PHP & JavaScript Room
  • Androidスマートフォンの壁紙サイズの法則が見えてきたぞ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報

    2010年冬、携帯キャリア各社から続々とAndroidスマートフォンが発売されました。シンメトリックでは新発売スマートフォンのスペックを調査しており、私も実機を使っての調査に携わっています。2010年秋以降は、この調査ワークが忙しくなり、世のスマートフォンブームを実感しています。 調査するスマートフォンの機種スペック項目には、実機を触らなくても情報収集でほぼ確実に予測できるものもあります。それらには、一定の法則性や制約が存在するからです。しかし壁紙サイズは、実機で調査しなければ判らない項目でした。なぜなら私が調査に関わり始めた2010年夏頃は、Androidスマートフォンがまた2,3機種程度と少なく、三者三様で何の法則性もないように思えたからです。 あれから半年ほど、モバイル業界はAndroidで一層盛り上がっています。2010年秋冬は次々とAndroidスマートフォンが発売されました。私

  • 1