いつも手元に置いておきたい！iPhone/Android画面解像度早見表【2011年〜2013年夏最新機種】 | Find Job ! Startup

2013/07/15 672 users iPhone Startup 混沌 エントリ Find Job

世はスマホ戦国時代。 さまざまな機種が発売され混沌を極める画面サイズですが、今回のエントリではiPhone、iPad、Android、Androidタブレットの画面サイズをすべてまとめました（Androidは2011年以降発売分）。 制作の参考にしてみてくださ [...] 続きを読む

レスポンシブWebデザインで作られた10の美しすぎるサイト | SEO Japan

2012/02/21 544 users レスポンシブWebデザイン きり SEO Japan 最中

PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践して... 続きを読む

林信行が読み解く：「iPhone 6」と「iPhone 6 Plus」に隠された本当の変化 (1/5) - ITmedia PC USER

2014/09/17 473 users USER 所感 林信行 明後日 進化

画面が大型化した新しい「iPhone 6」シリーズ。しかし、画面サイズの変更をはるかに超える進化が潜んでいる。林信行が実際の使用感をもとに解説する。 発売の迫った「iPhone 6」シリーズ。実は例によって1週間ほど先行して使わせてもらっていた。明後日の販売開始前の参考になるか、あるいはかえって迷わせてしまうか分からないが、この場で使い込んでみた所感を紹介できればと思う。 期待通り、そして期待以上... 続きを読む

俺流レスポンシブコーディング

2021/02/15 448 users レスポンシブコーディング 覚書 デバイス 正解 特定

俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサ... 続きを読む

[boox][Eink] 現時点でベスト！ kindleアプリを使用できる電子ペーパーandroid機のboox noteを輸入してみたのでレビュー – しろいぶろぐ

2018/04/09 414 users Androidアプリ PDF Kindle 前置き 解像度

現時点でベスト！ kindleアプリを使用できる電子ペーパーandroid機のONYX boox noteを輸入してみたのでレビュー 前置き 最近は電子書籍も浸透してきて、pdfで技術書が買えたりkindleで豊富に配信されていて便利になってきました。 でも、未だに豊富なandroidアプリが使えてかつそこそこ画面サイズが大きく解像度が高くペン入力が使える端末がほとんど存在しませんでした。 一般的... 続きを読む

ECサイトから見る、スマートフォン画像表示の傾向 | SPhere!

2013/05/08 414 users sphere ZOZOTOWN zozo.jp http 傾向

スマートフォンはPCに比べて画面サイズが小さいため、画像表示に気を遣っているサイトも多いはず。 特に、サイトの使いやすさが売り上げに直結するECサイトでは、商品の魅力を伝えるために、画像表示に気を遣っているサイトも多いのではないでしょうか。今回は、ECサイトをリサーチして、スマートフォン画像表示の傾向を探ってみました。 調査対象となったサイト一覧 ZOZOTOWN（http://zozo.jp/）... 続きを読む

米マイクロソフト、Windows9でOSを1つに統合 ―公式発表 | GGSOKU - ガジェット速報

2014/07/23 406 users BUILD ggsoku CEO 通称 次期Windows

米マイクロソフトのCEOを務めるナデラ氏は22日（現地時間）、同社の四半期決算発表に関連して、次期Windows（通称：Windows 9）からスマートフォン・デスクトップ・タブレット向けに分かれていたOSを1つに統合することを明らかにした。 既にWindows向けアプリケーションにおいては、ユニバーサル化がBUILD 2014において発表されており、画面サイズに応じて自動的にUIを変更するといっ... 続きを読む

属性分析付き ケータイ用アクセス解析ツール 「うごくひと」

2008/08/06 397 users ひと 分布 性別 なか 傾向

「うごくひと」は、PCサイト向けアクセス解析サービスである「なかのひと」の携帯サイト向けツールです。 ・結果サンプル - こんなデータを調査できます この「うごくひと」では、携帯サイトへのアクセス数や検索キーワード分析といった通常の Web アクセス解析機能のほか、年齢・性別の傾向などのユーザー層分析、アクセスしてきた携帯端末の機能や画面サイズの分布などの端末分析、どんな携帯機種がいつアクセスして... 続きを読む

レスポンシブWebデザインのWordPress無料テーマまとめ 20選 | nanapi [ナナピ]

2013/10/31 309 users nanapi iPhone ナナピ 都度 iPad

レスポンシブWebデザインって？ レスポンシブWebデザインとはPCのブラウザのサイズ以外のiPhoneやAndroidなどのスマートフォン、iPadなどのタブレット、ラップトップPC等の様々な画面サイズを想定して、その都度の適切なサイズ・コンテンツで表示するWebデザインです。もちろん同じURLなのでスマートフォンに新しいページを用意する必要はないので、一度固めてしまえばあとは運営運用が簡単です... 続きを読む

DM200｜デジタルメモ「ポメラ」｜キングジム

2016/10/04 305 users ポメラ ゆとり キングジム 面積比 心地

7インチワイド画面で テキスト編集がより快適に 7インチワイドTFT液晶を搭載。 「ポメラ」DM100から画面サイズは面積比で約40%アップし、長い文章も編集しやすくなりました。 暗い場所での入力作業をサポートするバックライトも搭載しています。 ゆとりのキーピッチ17mm “打ち心地”をさらにアップ キーピッチ17.0mm（横）15.5mm（縦）のキーボードを搭載。 キーボードには、キーのどこを押... 続きを読む

アマゾンKindle Paperwhiteに画素数2倍の2015年モデル。119ドルで上位版Voyageと同じ解像度 - Engadget Japanese

2015/06/17 280 users 解像度 Engadget Japanese 119ドル

米Amazon.comが電子書籍リーダー Kindle Paperwhite の新モデルを発表しました。6インチの画面サイズは従来モデルのPaperwhiteから引き継ぎつつ、解像度は212ppi から 300ppi に高精細化。ピクセル数で言えば2倍になり、上位機種のKindle Voyage と同じ解像度になりました。 続きを読む

用紙サイズと画面サイズ

2005/08/27 279 users 用紙サイズ dpi 解像度 縦横比 規格

用紙サイズの規格には、A判とB判があり、それぞれの縦横比は1:1.4となっています。 また、A4判、B5判などのように、後に続く数字によって紙の大きさを表しています。 数字は、サイズが1/2になる毎に1ずつ増えていきます。 また、解像度は、1inch（25mm）あたりのドット数を、DPI（Dot Per Inch）という単位で表します。 以下に、各解像度毎の用紙サイズと画面サイズの対応表を示します... 続きを読む

SmartNewsのUI/UXエンジニアが語る！「iPhoneの画面サイズと室町時代の違い棚」 | Find Job ! Startup

2013/08/29 267 users kaiseh 源泉 グロービス・キャピタル・パートナーズ

2013年8月14日、SmartNewsを開発するゴクロ社がグロービス・キャピタル・パートナーズから4億2千万円を調達したというニュースがスタートアップ界隈を駆け抜けた。 SmartNewsは斬新なUIを持ち、iPhone/Androidでのニュース表示に最適化されている。社内では「違い棚形式」と呼んでいるというアプリUIの源泉を探るため、代表取締役社長の浜本階生氏（@kaiseh）を訪ねた。 —... 続きを読む

スマホの大きさは持ち主の意識の高さに比例するようです(山本 一郎) - 個人 - Yahoo!ニュース

2014/02/19 266 users 持ち主 一郎 山本 Yahoo 普段iPhone

山本一郎です。地味にビッグデータの仕事をしています。 ここ最近のスマホのトレンドとして画面サイズの大型化があります。たまに量販店のスマホ売り場などで最新モデルが並んでいるのを見ると、普段iPhoneや古いGalaxyを使う身としては「うわっ…私のスマホ、小さすぎ…？」と思うほどに大きなスマホばかりが並んでいる様に驚きます。さすがにあまり大きいのは持ち運びや操作性はどうなんだろうと訝しんだりもするの... 続きを読む

【レスポンシブコーディング】要素の横幅と高さの比率を保つ | 集の一期一会

2015/01/04 209 users レスポンシブコーディング 横幅 一期一会 Demo 比率

レスポンシブコーディングについて、前々から技術的なブログを書こうと思ってはいたのですが、なかなか更新する時間がなくできていませんでした。で、今回が初記事。 まず、デモから。 DEMO なんのデモなのかわからないと思うので、説明をします。 まず、緑のエリアは、丸っと画像です。 あ、ブレイクポイントは640pxです。 画面サイズを640px以下にして見てください。 で、 緑のエリアは、丸っと画像なので... 続きを読む

レスポンシブデザインに対応したHTML5テンプレート集「HTML5 UP」 ｜ ライフハッカー［日本版］

2014/07/19 205 users レスポンシブデザイン ライフハッカー CSS テンプレート

「HTML5 UP」はレスポンシブデザインに対応したHTML5テンプレートをたくさん集めたサイトです。デモページがそれぞれ用意されているので、画面サイズによりどのように変化するのかを確かめることができます。また、テンプレートはCSSやJSとともにダウンロード可能です。 以下に使ってみた様子を載せておきます。 まずHTML5 UPへアクセスしましょう。さまざまなテンプレートが目に入ってきます。このよ... 続きを読む

新「Mac mini」、2018年内に登場か - CNET Japan

2018/08/20 198 users CNET Japan Mac mini 登場 ベゼル 高解像度

Appleは2018年内に、デスクトップコンピュータ「Mac mini」をついにアップデートするとともに、高解像度のRetinaディスプレイを搭載する新たな低価格ラップトップをリリースすると、Bloombergが報じている。 Bloombergによると、新たなラップトップの見た目は「MacBook Air」に似ているがベゼルがより狭く、画面サイズは... 続きを読む

背景がボケた写真はそんなに素敵ですか - Yahoo!知恵袋

2014/03/14 184 users Yahoo 知恵袋 背景 ボケた写真 近景

zuiko_loverさん 背景がボケた写真はそんなに素敵ですか フィルムカメラの時代は事実上最小の画面サイズが35ミリ判でした。ミノックスや一時期の110カメラの流行はありましたが、ミノックスはベテランが小さなフォーマットから高倍率の引き伸ばしをして楽しむもの、100カメラやAPSカメラ、ディスクカメラは一時期の流行でしかありませんでした。 フィルムカメラ時代は標準レンズを開放で使えば背景や近景... 続きを読む

画面サイズに合わせて高さを指定する3つの方法｜Webpark

2015/03/24 174 users Webpark sect width 横幅 セクション

縦長のサイトなどで、1つのセクションが画面の大きさと同じになっていることがよくあります。横幅はwidth: 100%;でいいわけですが、高さを画面サイズに合わすにはちょっと工夫が必要です。今回、画面サイズに合わせて高さを指定する方法を3つ紹介します。 画像は背景で指定していて、最初と最後は固定しています。固定している部分は難しいことをしているように見えますが、CSSだけで簡単にできます。 sect... 続きを読む

1分27秒で分かる、アップルのイベントで発表されたものまとめ : ギズモード・ジャパン

2016/03/21 158 users ギズモード アップル iPhone ジャパン イベント

iOS , iPad , iPad/iPod/iPhone/iTunes , iPhone , アップル , 企業 1分27秒で分かる、アップルのイベントで発表されたものまとめ 2016.03.22 04:06 iPhone SEに9.7インチiPad Pro、本日発表されたものを振り返りましょう！ iPhone SE 大方の予想通り、iPhone SEが発表されました！ 画面サイズはiPhone... 続きを読む

【やじうまPC Watch】GPD Pocketと懐かしの超小型ノートPCたちを並べて比べてみた - PC Watch

2017/09/13 141 users GPD Pocket やじうまPC Watch GPD 製品

GPD Technologyの「GPD Pocket」は、OSにWindowsを採用したクラムシェル型ノートPCとしては久しぶりに10型以下の画面サイズを実現しながら、Atom x7-Z8750、メモリ8GB、ストレージ128GB、1,920×1,200ドット表示対応7型液晶の高性能を詰め込んだ製品だ。 　すでにレビューはお伝えしたとおりだが(記事: モバイラー待望のクラムシェル型UMPC「GPD... 続きを読む

可変グリッドレイアウトで実現するレスポンシブWebデザイン（前編） | ADC - Adobe Developer Connection

2012/08/10 139 users 可変グリッドレイアウト ADC マルチデバイス タブレット

Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能が追加されました。 「レスポンシブWebデザイン（Responsive Web Design）」といわれる、CSS3の Media Queries を使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するため... 続きを読む

PCやモバイルなど異なる画面サイズに対応したウェブデザイン集 -Media Queries | コリス

2011/02/02 136 users レイアウト ウェブサイト コリス CSS3 ウェブデザイン集

CSS3のMedia Queriesを使用して、PCやモバイルなど異なる画面サイズに対応したレイアウトを用意したウェブサイトをまとめているサイトを紹介します。 続きを読む

画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js - かちびと.net

2012/07/14 123 users CSSファイル JavaScriptライブラリ net 単体

画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む

あらゆる画面サイズに対応できるレスポンシブデザインの現在とは？ | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum

2018/04/03 117 users レスポンシブデザイン 手法 Web担トップ 現代 存在

Web担トップ » Webデザイン、これからどうなるの？（全10回） » あらゆる画面サイズに対応できるレスポンシブデザインの現在とは？ Webデザイン、これからどうなるの？（全10回） あらゆる画面サイズに対応できるレスポンシブデザインの現在とは？ PC／モバイル両対応の手法のひとつであったレスポンシブデザインも、現代では標準的な存在となった。そのレスポンシブデザインをおさらいします（第4回）。... 続きを読む