Colour management and UI design
Most people who design web sites or apps in Photoshop will, at one point or another, have had issues trying to match colours in images to colours generated by HTML, CSS or code. This article aims to solve those problems once and for all. Update, December 2017: This article is extremely old, and a lot has changed since I wrote it. Please read my new articles on colour management. Colour management,
SafariとPhotoshopでの色の見え方 | 学習帳
wan-wanさんの承諾を得て、wan-wanさんがいろんなアプリでweb用に縮小した画像が、Mac OS 10.4のwebブラウザSafari上で、どのような色に表示されるかを、Photoshopで開いた場合と比較しました。 画像は、左がSafari、右がPhotoshopです。 画像は、ナナオのモニタL997上で、両者のウインドウを並べてキャプチャーしたものです。 キャプチャー時のモニタプロファイルは、ナナオデフォルトのモニタプロファイルです。 Macでキャプチャーする（スクリーンショットを撮る）と、その画像には、モニタプロファイルが当てはめられます。 それをPhotoshopで開く時に、作業用色空間sRGBに変換しました。 ここにアップした画像は、そののち「web用に保存」で画質80で圧縮、ICCプロファイルを埋め込んで保存しました。 wan-wanさんの画像は、長辺350ピクセルだ
iPhoneでSafari、でもPCはChromeという人へ：メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 | ライフハッカー・ジャパン
Mac：あなたがiPhoneもしくはiPadユーザーであれば、iCloudがコンピューター間で全てのSafariを同期してくれる便利さを知っているでしょう。しかし残念なことに、MacでSafariを使わない場合はiCloudはそれほど便利でもありません。 『CloudyTabs』なら、メニューバーに留まり、異なったデバイスで開いている全てのタブを表示してくれます。タブの一つをクリックすれば、Mac上のいつも使うブラウザで開くことができるのです。 一旦CloudyTabsがインストールされると、iCloudを用いて開いている全てのデバイス上のタブリストが表示されます。そのうちの一つをクリックすると、全ての規定ブラウザ上でそれが開きます。 これは携帯デバイスでSafariを使用している場合や、デスクトップ上でChromeまたはFirefoxを使う場合に大変便利です。Chromeは長年この機能を
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
iPhone Safariでドキュメントの幅はどうやって決定されるか
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば
iPhoneのSafariを5秒でサクサクにする方法 - RyoAnna
今年の6月末にiPhone4を購入して、一番感動したのはSafariの表示スピードだ。iPhone3Gからの乗り換えだったから余計に速く感じた。それが、最近になってどうもモッサリしてきた。起動後の表示が遅いし、タブ切り替えにも時間がかかる。 最初はDISKの空き容量に問題があると思った。キャッシュするスペースがなくなり、自転車操業のように空きブロックを見つけに行くから遅いのではないかと。 私のiPhoneは16GBモデルで、DISKの内訳は、音楽3.4G、ビデオ2.5G、写真3.1G、App4.2G、ブック0.01G、その他0.52Gだった。空き容量が500MBぐらいしかなかったのだ。そこで、手っ取り早くビデオを消す事にした。ビデオに何が入っていたかというと、「攻殻機動隊 S.A.C. Solid State Society」と「カウボーイビバップ 天国の扉」と「新世紀エヴァンゲリオン 新
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「俺の邪悪なメモ」跡地
iPhone Safariでテキストボックス内をスクロールする方法 ｰ Singer Song iPhone