HTML canvasを画面いっぱいに表示したい - Qiitacanvasのサイズをwindowサイズに合わせて画面いっぱいに表示させたい。 そんなとき、canvasのサイズ指定をjQueryの.css()を使ってやろうとするとうまくいきません。 具体的に書くと、 HTML:
1日に見れるディスプレイの限界量 - kksgのパソコン日記
この記事は以下のURLに移動しました 1日に見れるディスプレイの限界量 - 9mのパソコン日記
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
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
ときどきWEB | スマホやブラウザの画面サイズや向きを取得してやんよ!!!
アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。 ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。 画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。 コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含
新プロジェクタコンセプト「IllumiRoom」の動画が公開--「Xbox」の体感度が向上
Microsoftの新しいプロジェクタコンセプト「IllumiRoom」によって、あなたの部屋全体が次期「Xbox」の世界のようになるかもしれない。1月に「International Consumer Electronics Show（CES）」で初めて披露された同コンセプトについて、同社の研究部門が新たな動画でさらに詳しく説明している。 IIllumiRoomはまだ実際の製品ではないが、そのアイデアは、コーヒーテーブル上に設置されたプロジェクタがユーザーのXboxと無線で接続するというもの。プロジェクタはテレビの代用ではなく、センサを用いてテレビの位置を確認し、投影範囲からテレビ部分を遮断することで、テレビ画面の周囲に映像を映し出す。これにより、爆発や動きの映像に対する体感性を高めている。
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sign in - Google Accounts
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
パスワード認証