http://hapisupu.com/2015/09/facebook-cover-image-optimized/
スマホに対応したFacebookページを作ろう！カバー写真のサイズと設定方法｜アド･エータイプ スタッフブログ
※2015年6月26日時点で確認したところ仕様が変わったようで、スマートフォンでも画像の上端から表示されるようになりました。記事の内容の一部が異なりますのでご注意ください。 スマホでFacebookページのカバー写真を見てみると、画像が切れていたり、ズレていたりして変だなと感じたことはありませんか？今回はこの問題を解決していきましょう。 PCサイズで作った画像をスマホで見るとこうなる PCで閲覧したFacebookページのカバー写真は851px × 315pxのサイズで表示されます。 ところが、スマホでは表示サイズが違うんです。スマホのカバー写真はPCに比べて少し縦長なのです。それにより、縦サイズが足りないため画像の両端が切れて表示されてしまいます。確かにこのサイズの画像をそのまま縮小してしまうと、縦幅がほぼ無くなってしまうので仕方のない事です。しかし、PCもスマホも同様の画像しか設定でき
iOSでサイズクラスを使って特定のデバイスだけレイアウトを切り替える - Qiita
6Plus以外のiPhoneはPortraitでは「CompactxRegular」なのにLandscapeでは「CompactxCompact」なので注意。 とりあえず実験用として「wAny hAny」でラベルを３つ配置してみます。 サンプルとして分かりやすいレイアウトにしてみました。 それぞれ位置を固定できるようにAutoLayoutは設定済みです。 通常、ラベルに幅と高さは指定する必要はありませんが、ここでは縦書きにするためにLINE数を３〜4にした上で幅、高さも固定しています。シミュレータで動かしてみて横に向けるとこんな感じです。 ここで、6Plusの場合のみ横を向いたら横書きになるようにしてみます。 特定デバイスのレイアウトだけ変更する まずサイズクラスを横向きのiPhone6Plusに当たる「wRegular hCompact」に変更します。 ラベルの文字を横書きにしたいので幅
SwiftでカスタマイズしたViewを追加する方法 - Qiita
UIViewControllerのviewのx座標とy座標と高さと幅を、カスタマイズしたViewにパラメータとして渡してViewを生成する方法の覚え書き。 ViewController import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() //UIViewController.viewの座標取得 var x:CGFloat = self.view.bounds.origin.x var y:CGFloat = self.view.bounds.origin.y //UIViewController.viewの幅と高さを取得 var width:CGFloat = self.view.bounds.width; var height:CGF
The Ultimate Guide To iPhone Resolutions
UPDATE: We have added the new iPhone 11, iPhone 11 Pro and iPhone 11 Pro Max to the guide below. The device screen may have lower pixel resolution than the image rendered in previous step. Before the image can be displayed, it must be downsampled (resized) to lower pixel resolution. Physical Pixels At the beginning, coordinates of all drawings are specified in Points are abstract units, they only
【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】 ｜Applision ｜ iPhone / Androidアプリ情報サイト
iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました！ iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が！ 一覧でわかりやすく表示しました。 アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様！ iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・ iOS7用iPhoneアプリ アイコンサイズ一覧 単位はピクセル ファイル名 (対応OS) 画像サイズ
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
【完全版】ニコニコ動画の外部プレイヤーのサイズを変更する方法。 – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 ニコニコ動画の外部プレイヤーのサイズを変更する方法。HTML編 <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/1333695559?w=490&h=307"></script><noscript><a href="http://www.nicovideo.jp/watch/1333695559">【ニコニコ動画】ネット初！完全生中継【将棋】第70期名人戦七番勝負PV</a></noscript> ニコニコ動画から外部プレイヤーのHTMLを引っ張ってくると上のようなHTMLになります。 その中のsrcの中のURLに注目してください。 http://ext.n
iOS Design Guidelines
September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ
HTML canvasを画面いっぱいに表示したい - Qiita