【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
WebページをRetina対応させるテクニック～実践編
WebページをRetina対応させるテクニック～実践編：jQuery×HTML5×CSS3を真面目に勉強（5）（1/3 ページ） 前回のWebにおけるピクセルの基本的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回（WebページをRetina対応させるテクニック～基礎知識編）はWebにおけるピクセルの基本的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
Retinaよりも大切なもの - ザリガニが見ていた...。
その後の関連日記あり Retina＋Mountain Lionのスクロール - ザリガニが見ていた...。 Retinaのほんとうの力 - ザリガニが見ていた...。 Retinaなら3840x2400の超広大なデスクトップを体感できる！ - ザリガニが見ていた...。 MacBookのRetinaディスプレイを縦2880pxにした壮観な眺め - ザリガニが見ていた...。 発注 WWDCの翌日、MacBook Pro Retinaモデルを発注してしまった。2880×1800の魅力にとり憑かれてしまったのだ。発注したモデルは... 2.6GHzクアッドコアIntel Core i7プロセッサ メモリ16GB フラッシュストレージ512GB 値段は今まで使っていたMacBook2台分以上だが、このスペックなら今後5年以上はそのまま使い続けられるのではないか、と考えての発注であった。 実際過去
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考：Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 （※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか？ 情報が見つからなかったので知ってる方は教えてください） また、viewportの数値はサイト側で指定できます。 スマホ
RetinaサポートWebへの第一歩 – Taiyo Fujii, writer
iPhone 4、iPad 3でスクリーンを改革したAppleが平然とデスクトップにも切り込んできた。 MacBook Pro Retina のことだが、一度触るともう戻りたくなくなるほど美しい（個人的には MacBook Air を買ってしまったんだけど）。そんな美しいスクリーンの価値を落とすのがWebサイトだ。画像の解像度を間違ってしまったかのような見栄えになってしまう。 まず、一番簡単なあたりから。WordPressを使っているなら、Retina for WPを使えばエントリーにアップロードするメディアに限っては簡単に Retina 対応できる。昨日アップロードしたエントリーで使っているが、 window.devicePixelRatio をJavascriptで判定して cookie を喰わせ、読み込む画像を判定している。 [retina normal=”http://blog.t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
