タグ 1ピクセル
人気順 5 users 10 users 50 users 500 users 1000 users1ピクセルの月を中心に太陽系のすさまじい距離感とスケールを体感できる「If the Moon Was Only 1 Pixel」 - GIGAZINE
水星・金星・地球・火星・木星・土星・天王星・海王星・冥王星という太陽系の星々の距離やスケールを限りのある紙面上で実際に比較するのは難しく、多くの場合、距離や大きさが略されたものになるのですが、月を1ピクセルと仮定し、ひたすらブラウザをスクロールしていくことで、その距離感や大きさを体感できるのが「If the Moon Was Only 1 Pixel」です。 If the Moon Was Onl... 続きを読む
jQueryでRetinaディスプレイを判別して処理を変える方法 | BlackFlag
iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度(1ピクセルの幅が78ミクロン)であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery(JavaScript)を使って判別し 個別に処理させる方... 続きを読む
ウェブデザインにおける「1ピクセルのこだわり」に関するエントリーいろいろ | IDEA*IDEA
なんかいつも検索しているような気がするのでメモ的にエントリー・・・。 さて「1ピクセルへのこだわり」に関するエントリーいろいろです。神は細部に宿るので参考にしたいところです。 Webデザインにおける、1pxへのこだわり « Parkn Park グラデーションの開始色と終了色でピクセルラインつくるってところが目からウロコでしたよ。必読。 Webデザインの1pxを作るためのPhotoshopのレイヤ... 続きを読む
スマホサイト制作:URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー( ̄▽ ̄;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN (スマートフォンサイト) (Yahooさんの手法とは違うかもしれませんが) その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさ... 続きを読む
スマホサイト制作:URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー( ̄▽ ̄;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN (スマートフォンサイト) (Yahooさんの手法とは違うかもしれませんが) その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさ... 続きを読む
1ピクのラインにこだわったデザインスタディ | コリス
Spoonfed Designのエントリーから、ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに1ピクセルのラインを使用したデザインスタディを紹介します。 続きを読む
1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロ... 続きを読む
photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。(画像クリックすると原寸表示されます。) ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。 続きを読む