Online Mockup, Wireframe & UI Prototyping ToolWireframe, Diagram & Whiteboard Online A simple and powerful visual collaboration solution for your whole team. Sign up for free No credit card required
【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
ColorBlendy - Blend colors with different modes like multiply, overlay, dodge.
Ever fire up Photoshop just to multiply a couple of colors? No more.
角丸・シャドウ・回転・文字装飾などのCSS3を生成してくれるジェネレータ「CSS Playground」*二十歳街道まっしぐら（FC2ブログ時代）
「CSS3 Playground」はCSS3を自動生成してくれるジェネレータです。 角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。 真四角の図形にほどこせる装飾ならお任せって感じですね。 以下に使ってみた様子を載せておきます。 まず「CSS3 Playground」にアクセスしましょう。 全体はこんな感じになっていて、真ん中にプレビューが表示されいます。 左側の設定をいじると、プレビューが変化していきます。 いろいろいじってみると、こういうのが作れました。 （角丸、シャドウ、テキストシャドウ、回転、背景、枠、テキスト本文がいじれました） CSS3のコードはプレビューの下に表示されています。 こちらを適用すれば、プレビュー通りに描けます。 CSS3ほんと便利ですね。 さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。 （本記事で紹介したサイト：CSS3
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラーホイール | カラースキーム - Adobe Color CC
Wanderfly | Spark Your Journey
kuler
ColorJack: Sphere (Color Theory Visualizer)
ウェブ制作に役立つ、Adobe AIRのアプリケーション集
