iPhone SE - Apple（日本）

2016/03/21 2981 users iPhone SE Apple iPhone アルミニウム

デザイン 人気のデザインに、 さらなる 魅力を。 iPhone SEには、とても人気の高いデザインを採用し、それをさらに磨き上げました。ビーズを吹き付けてサテンのような仕上げを持たせたアルミニウムから作られる、この軽くてコンパクトなiPhoneは、手の中に心地よく収まるように設計されています。鮮やかな4インチの Retinaディスプレイ は、あらゆるものをいきいきとシャープに映し出し ます 1 。... 続きを読む

プログラマー向け最強フォント「M+」

2014/07/10 1177 users reddit 大文字 フォント プログラミング ディスプレイ

プログラミングに最適なフォントは何でしょうか。海外のブログ記事「The Best Font for Programming: M+」にて、プログラマー向けのベストフォントとして「M+」フォントが推奨されていました(Reddit)。 ブログによるとRetinaディスプレイのような高詳細ディスプレイで使うのに具合がよく(低解像度ではTerminusフォントが推薦されています)、0(ゼロ)とO(大文字の... 続きを読む

Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

2012/09/04 1012 users 解像度 Design Spice ppi Webサイト制作

スマホやRetinaディスプレイが出てきてから、サイト制作の時に解像度に関することで時々混乱することがあるので整理してみました。 解像度とppiとdpi 解像度はビットマップ画像における画像密度のことで、一般に1インチ(25.4mm)をいくつに分けるかによって数字で表します。 単位はdpi、またはppiを用いられることが多いです。 よくディスプレイの解像度を1024×768ピクセルという総画素数で... 続きを読む

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) - ＠IT

2013/08/29 581 users Retina アップル テクニック 制作フロー 変化

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それま... 続きを読む

iPhone 4 対 iPhone 3GS 詳細比較チャート

2010/06/08 493 users 比較チャート 典拠 RAM倍増 Filed under 画素数

Filed under: 携帯電話 A新機種発表恒例の比較チャート、今回は iPhone 4 と現行モデル iPhone 3GSを並べました。典拠は主にApple.comの仕様ページ。昨年の3Gから3GSはRAM倍増と2倍の高速化や撥油コートなど外からは分かりにくい変化が主であったのに対して、3GSから4へは画素数 4倍・コントラスト比 4倍 (800:1)のRetinaディスプレイ、3mm薄くな... 続きを読む

ゼロからはじめるCSS3を勉強するために便利で参考になるCSS3ジェネレーターをまとめました | HTML5でサイトをつくろう

2012/08/08 442 users CSS3ジェネレーター CSS3 参考 HTML5 記述

スマートフォンサイトなど、最近はでデザイン要素に画像をあまり使わずにCSS3を使う場面が増えて来ています。 とくにボタンやボックス背景などはCSS3でつくれば要素に合わせて可変してくれるので、非常に便利ですし、HTML上のムダな記述も減らすことができ、きれいで理想的なソースになります。 また、iPhone4をはじめとするRetinaディスプレイの場合はデバイスフォントやCSS3でコーディングするこ... 続きを読む

WebサイトをRetinaディスプレイに対応させる方法まとめ7つ - W3Q

2012/06/18 420 users W3Q Webサイト

・角丸、グラデーション、ドロップシャドウなどCSSで出来ることはCSSでやる ・ベクター画像（SVG等）を使う ・テキストを使う ・JavaScriptでdevice-pixel-ratioを取得する ・ファビコン（favicon.ico）はマルチサイズ対応にする 続きを読む

「紙の発明」に匹敵するインパクト――新型iPadは、これから奇跡を起こす (1/2) - ITmedia +D モバイル

2012/03/15 377 users 発明 インパクト 新型iPad アラート 奇跡

レビュー 「紙の発明」に匹敵するインパクト――新型iPadは、これから奇跡を起こす (1/2) 解像度が一気に4倍になったRetinaディスプレイは、新「iPad」の最大の特徴だ。外観上の変化がないように思えるかもしれないが、この進化は新たな奇跡を起こす、大きな変革だ。 共有する プリント／アラート 初代iPadの登場は、PCとインターネットの世界にとって革命だった。Appleが“ポストPC”と定... 続きを読む

iPad miniの魅力を引き出すアプリ10選 | ジョナサンブログ

2013/12/10 350 users ジョナサンブログ iPad mini 魅力 アプリ10選 機種

初代iPad以来、実に3年半ぶりにiPadを手に入れた。待ちに待ってたRetinaモデルのiPad miniだ。 昨年、iPhone4Sから5に機種変更したが、本当はiPhone5sまで待つつもりだった。 欲しかったのはむしろiPad miniの方で、気軽に持ち歩けるサイズのiPadとして、手帳＋写真ビューワーに使うつもりでいたが、Retinaディスプレイではなかったので購入を見送った。 今回登場... 続きを読む

日本の電子書籍はどこへ向かおうとしているのか - もとまか日記乙

2012/03/21 340 users 電子書籍 もとまか日記 日本 一体どれ 新しいiPad

新しいiPadを買って試したかったことの一つに「電子書籍」があった。これだけ綺麗なRetinaディスプレイで電子書籍を読んだら、さぞかし驚くことだろう！以前、以下のようなことも書いたしね。 これから本を買う時はなるべく電子書籍で買おうと思う理由 一体どれくらい綺麗になるんだろう？という期待感をいっぱいにしつつアプリを起動してみた。 おぉ、なんて綺麗な・・・・ん！？？ この本を買った時にはこんな表示... 続きを読む

新しいiPad発売！自宅でゆったり楽しみたいiPadアプリ25選 | AppLiFE

2012/03/16 337 users 鈴掛 AppLiFE ワイヤレス接続 iPadアプリ ママ

遂に第３世代の新しいiPadが発売！Retinaディスプレイ、5メガピクセルiSightカメラ、超高速ワイヤレス接続と、更に使いやすくなりました。 今回は、「自宅でゆったり楽しみたいiPadアプリ25選」を鈴掛がご紹介！！家族みんなで楽しめるiPadアプリが満載ですよ♪ ママに嬉しいクッキングアプリ（４つ） 続きを読む

アップル - iPad Air

2013/10/22 332 users アップル iPad Air 内側 ボディ パワー

手に取るまでは、ちょっと信じられないかもしれません。iPad Airは、わずか7.5ミリという薄さ。そして、469グラムという軽さ。目を奪う美しさのRetinaディスプレイを、より幅が狭い枠の中に収めたので、見たいコンテンツだけがあなたの目に飛び込みます。スリムなボディの内側には、圧倒的なパワーもつめ込みました。だから、より多くのことを、よりコンパクトなボディでできるのです。 デザインについてさら... 続きを読む

Tumblrにイラストを投稿すると自動的にポートフォリオを作成してくれる「Illustfolio」 - GIGAZINE

2012/12/11 298 users GIGAZINE tumblr Illustfolio 閲覧

Tumblrにイラストを投稿すると、自動的に投稿したイラストでポートフォリオを作成してくれるテーマが「Illustfolio」です。Illustfolio上のプロフィール・固定ページ・ソーシャルボタンなどは自由にカスタマイズ可能。タブレットやスマートフォンでの閲覧に対応したレスポンシブデザインで、画面を拡大しても見にくくならないようウェブフォントを使用し、Retinaディスプレイにも最適化されてい... 続きを読む

Apple、新型「MacBook Air」を発表 - ITmedia NEWS

2018/10/30 233 users MacBook Air Apple 新型 ベゼル幅 発表

米Appleが新型「MacBook Air」を発表した。13インチのRetinaディスプレイを搭載し、従来モデルと比べて比べてディスプレイ周囲のベゼル幅を狭くした。 米Appleは10月30日（現地時間）、新型「MacBook Air」を発表した。13インチのRetinaディスプレイを搭載し、従来モデルと比べてディスプレイ周囲のベゼル幅を狭くした。... 続きを読む

ダウンロードしておきたい、新iPad, iPhone4対応のアイコンのテンプレート素材 -iOS App Icon Template | コリス

2012/04/05 204 users コリス iOS用 商用 iPhone4 新しいiPad

商用でも無料で利用できる、iOS用のアイコンのテンプレート素材を紹介します。 iOS App Icon Template 素材は新しいiPad, iPhone4に採用されているRetinaディスプレイもサポートしています [...] 続きを読む

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

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

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

jQueryでRetinaディスプレイを判別して処理を変える方法 | BlackFlag

2012/08/29 170 users iPhone jQuery BlackFlag ディスプレイ

iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し 個別に処理させる方... 続きを読む

[CSS]Retinaディスプレイを考慮したCSSスプライトの実装方法 | コリス

2012/08/02 162 users コリス テクニッ CSSスプライト CSS 実装方法

新しいiPad, iPhone4, MacBook Proなどに採用されているRetinaディスプレイを考慮したCSSスプライトの実装方法を紹介します。 Using CSS Sprites to optimize your website for Retina Displays CSSスプライトとは複数のアイテムを一枚の画像に配置し、background-imageで表示する範囲を指定するテクニッ... 続きを読む

新MacBook Airへ5年前の11インチモデルから買い換えるか否か考えてみた：旅人目線のデジタルレポ 中山智 - Engadget 日本版

2018/11/21 144 users 旅人目線 中山智 デジタルレポ 新MacBook Air 理由

▲数年ぶりにモデルチェンジしてRetinaディスプレイになったMacBook Air 気になる点のひとつ目は、現在使っているMacBook Airが11インチモデルということ。新MacBook Airは13インチモデルしかありません。11インチモデルを選んだのはフットプリントの大きさが理由。11インチモデルの前は13インチモデルを使っていたのです... 続きを読む

iPad Pro - Apple（日本）

2015/09/09 140 users Apple iPad Pro 比類 iPad Air iPad

iPadはいつも、比類なくシンプルでありながら夢中になれる体験をもたらしてきました。広大な12.9インチのRetinaディスプレイ、iPad Air 2のほぼ2倍近いCPUパフォーマンス、洗練されたMulti-Touchテクノロジー。数々の新たな力を手に入れたiPad Proが、その体験を別の次元へ連れて行きます。単に大きくなっただけではありません。あなたの創造力や作業の効率を、まったく新しいスケ... 続きを読む

速報：Apple Watch発表。リューズ状のダイアルDigital CrownとRetinaディスプレイを搭載 - Engadget Japanese

2014/09/09 129 users Engadget Japanese 速報

アップルが開催中のスペシャルイベントより。ひさびさのOne More Thingとして、ウワサのスマートウォッチが発表されました。正式名称は(ウワサとはちょっと異なる)Apple Watchです。 クックCEOは「アップルがこれまで開発したなかでもっともパーソナルな製品。最高の時計であると同時に、オールインワンの健康・フィットネスデバイスでもある」とアピールします。デザイン上の特徴として、側面にホ... 続きを読む

Photoshop VIP ☞ 本物すぎる質感、クリエイティブなiPadアプリのUIデザイン30個まとめ

2012/04/05 129 users iPadアプリ 質感 本物 Photoshop Vip 機会

apple社からあたらしく発売されたiPad、売上げも好調のようです。 文字や画像などをくっきりと表示される、Retinaディスプレイとなっており、iPadをより目でたのしむ機会が増えそうです。 海外デザインブログfavbulousで、本物そっくりの質感でデザインされたiPadアプリのUIデザインを30個まとめたエントリー「30 Ultra Realistic Stereophonic iPad ... 続きを読む

よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ | OZPAの表4

2014/08/28 120 users ジェネレーター ベクター セリ フォント ライセンス

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認くださ... 続きを読む

[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina | コリス

2012/04/04 114 users コリス jQuery スクリプト img要素 IMGタグ

Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加え... 続きを読む

買って得した！と思った2012年のMac有料アプリ - NAVER まとめ

2013/01/01 113 users NAVER Mac 新しいiMac MacBook Pro

RetinaディスプレイのMacBook Proや、新しいiMacなどが発売された2012年。新たにマックユーザーに加わった人も多いと思います。Macを買った時に迷うことと言えば、どんなアプリを入れるか…ですよね！2012年に話題になったアプリをまとめてみました。参考になれば幸いです。 更新日: 2012年12月26日RSS 続きを読む