色見本と配色サイト - color-sample.com色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見本を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。
[マークアップ] Pixel Perfectを実現するためにとても役立つ、ブラウザのエクステンション - YoheiM .NET
こんにちは、@yoheiMuneです。 マークアップ作業でPhotoshopなどのデザインと微調整する時に、便利なブラウザ用のエクステンションを発見！今日はそのツールを紹介したいと思います。 Special Thanks to http://flic.kr/p/kiy6X6 Pixel Perfect（ピクセル・パーフェクト）とは、Photoshopなどのデザインとブラウザの表示を、1pxの狂いもなく合わせるというものです。 現実的には、ブラウザによって横幅や利用可能フォントが違うので「寸分の狂いもなく」というのは難しいですが、 出来る限りデザインとブラウザのレンダリングを合わせることは、マークアップにおいて重要な作業です。 その調整作業を行うために、今までは以下のような方法で、デザインとのマークアップのずれを確認していました。 ブラウザとPhotoshopを横に並べて比較する ブラウザで
![[マークアップ] Pixel Perfectを実現するためにとても役立つ、ブラウザのエクステンション - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/62f7b4ecd964ed02130b4f4b5a482bcc9ce73211/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F312.jpg)
画像を縮小する！
縮小したい画像ファイル(JPEG,GIF,PNG)を選択してください。 縮小サイズを150px - 2,560pxから選択してください。任意のサイズを指定することもできます（10px - 5472px）。 必要に応じて画質を設定してください。値が小さいほどファイルサイズが小さくなりますが、画像が荒くなります。 [JPEGに変換する]にチェックを入れると、GIFやPNGの画像がJPEGに変換されます。 必要に応じて回転オプションを設定してください。 [縮小する !! ]ボタンを押してしばらくすると縮小された画像が表示されます。 元画像のサイズが大きいと、処理に時間がかかります。気長にお待ちください。 縮小された画像は一時的にサーバに保存されますが、30～60分以内に自動削除されます。 あまりにも大きい画像や、JPEG、GIF、PNGファイル以外を選択するとエラーになります。 10px - 2
SVGデータから背景画像を作れる「Plain Pattern」・・のUIがかわいい。 | バニデザノート
ミニマムなデザインがすごく可愛いです。 機能自体も、イラストレーターのパターン機能みたいにプレビューされるので サクサク作れちゃいます。 最近はsvgでパターンを配布されている場合も多いので、 pngへ変換できるのはありがたいですね。 ※htmlコードへ変換するものではないみたいです。 ご参考にどうぞ。 関連記事 最低限これだけ覚えればemmetの恩恵にあずかれるかもな考え方のヒント 2015/08/07 軽量でシンプルなレスポンシブフレームワーク「Skeleton」 2015/07/27 デザインで文化に切り込む、最近の斬新な神棚いろいろ。 2015/07/14 SVGデータから背景画像を作れる「Plain Pattern」・・のUIがかわいい。 2015/07/01 手描きの素材を自分でつくれるアプリ２個（フォント＆ブラシ） 2015/06/14 photoshopの画面分割がとっても
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントサイズpx,em,%,pt
