Pick up the 9th-gen iPad with two years of AppleCare+ for only $298
Less than one year after its iOS launch, French startup ten ten has gone viral with a walkie talkie app that allows teens to send voice messages to their close… While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.
WebページをRetina対応させるテクニック~実践編:jQuery×HTML5×CSS3を真面目に勉強(5)(1/3 ページ) 前回のWebにおけるピクセルの基本的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回(WebページをRetina対応させるテクニック~基礎知識編)はWebにおけるピクセルの基本的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです(と考えています)。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
コーダー必見、SCSS・Compassで開発効率アップ|Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか? 2月のリア充イベントといえばバレンタインですね(企業戦略)。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ|便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてくださ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PHP Mobile Detect - lightweight PHP class for detecting mobile devices スマホ・タブレットの判別ができるPHPクラスライブラリ「PHP Mobile Detect」。 判別ならば文字列マッチングでもよいという人もいると思いますが、グローバル変数や無駄なマッチングを省くためにこうしたクラスライブラリを活用するのもよいかもしれません。 次のようにコードがシンプルですっきりと読みやすくなります。iPhoneやiPod touch、Android等をマッチングさせるコードは美しくないですね。 どのぐらいメンテナンスされるのかという点がきになったりしますが、そこまでルールが極端に変わることもなさそうですね。 関連エントリ スマホを判別するのに便利なJSスニペット Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独
これまで持った中で最高最悪なラップトップ、それはRetina MacBook Pro2012.10.18 22:0012,124 satomi 何ヶ月か前、人生変わる出来事がありました。iPad買ったんです。 「人生変わる」と書くと大げさだけど、それまでアップルは全部パスのアンチだったんですね。Linux信者でAndroidファン。使うマシンはWindowsだけ。Winは必要に迫られてっていうのもあるけど、MacBookなんて使ってるとこ人に見られたら終わりだと思っていたから。そんな調子なのでiPad買ったのもテストで使うretina端末が必要だったから。少なくとも最初の目的はそれでした。 ところが買ってみたら、意外といいんですね。すっかり気に入ってしまいました。毎日画面見て暮らす身としては、あの画面にまず驚きました。これまで見た中で最も美しい画面のひとつ。テキストもクッキリ鮮明で、ちっこ
iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度(1ピクセルの幅が78ミクロン)であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery(JavaScript)を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ
「MacBook Pro Retinaディスプレイモデル」(以下、MBP Retina)を入手し、PC USERの編集長から「これからしばらくMBP Retinaの記事を数多く載せていくので、連載でもジックリ使った感想など……」なんて言われていたのだが、レビュー記事はあまりにたくさん出ているので、ちょっと視点を変えてみたい。 とはいえ、MBP Retinaにまったく触れないのも何なので、簡単なインプレッションを箇条書きにまとめた。 パフォーマンスは大変よい(だが、同じプロセッサ使ってるものなら、他も同じだ) バッテリーはディスプレイ輝度を半分ぐらいに落とせば6時間以上は使えそう(場合によっては7時間) キーボードのタッチは少し変化し、MacBook Airに似たものになった Airと同じタイプのフラッシュストレージを採用、起動時間などは従来のAir以上に高速 MBP 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年以上はそのまま使い続けられるのではないか、と考えての発注であった。 実際過去
「Worldwide Developer Conference 2012」(以下、WWDC 2012)の基調講演で、米Appleワールドワイドマーケティング担当上級副社長のフィル・シラー氏は、まずはじめに「MacBook Air」と「MacBook Pro」がモデルチェンジし、CPUとGPUが大幅に強化されたことを紹介した。それでハードウェアの発表は終わりかと思われたが、次に黒いベールをまとった新製品の登場を告げた。そう、このベールをかぶった製品こそが「MacBook Pro Retinaディスプレイモデル」だった。 ステージに立つフィル・シラー氏は、MacBook Pro Retinaディスプレイモデルを発表する前振りとしてこう言った。 「我々は次の世代のノートPCがどうあるべきかを真剣に考えた」 MacBook Pro Retinaディスプレイモデルは、名前こそ「MacBook Pro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く