[JS]テキストや背景のカラーをアニメーションで変更するスクリプト -Color Animations
テキストや背景のカラーをアニメーションで少しずつ変更するスクリプトをDesizn Techから紹介します。 Playing with jQuery Color Plugin and Color Animation demo デモでは、テキストのカラーを変更するもの、背景を変更するもの、それぞれ異なるカラーに変更するものなどがあります。 テキストのカラーを変更する場合は、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5"> $(".first a").hover(function() { $(this).animate({color: "#00eeff" }, 400); },function() { $(this).animate({color: "#FFFFFF" }, 500); }); </textar
ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
50 Monochromatic Website Designs
Color choice is a key element to the success of any design. It invokes an atmosphere and sets the mood. One method for using color is to use only shades of a color, which is known as a monochromatic color scheme. Of all the color schemes, the monochromatic is one of the easiest to pull off successfully. This reason for such ease is that one shade of a color will naturally almost always work with a
第3回：色調・質感補正の基本 (1/3) [Think IT]
色調補正ツール Adobe Photoshopには、色調を調整するためのツールがたくさん用意されています。「フィルタ」などで劇的な変化が楽しめたり、思いがけない結果を得られるのもPhotoshopの魅力ですが、まずは写真をレタッチする基本として色調を自分の思い通りにコントロールできるようにすることが重要です。 色調を調整していく作業でのポイントは、オリジナルの写真の状態は変更しないで、いつでも確認できるようにしておくことです。そのためには、色調補正はメニューの「イメージ→色調補正」からではなく、レイヤーパレットの下にある白黒の丸マーク「塗りつぶしまたは調整レイヤーを新規作成」から使用してください。そうすることにより、オリジナルは常に「背景レイヤー」として残り、いつでも確認することができます。 「イメージ→色調補正」からの補正は写真のレイヤーを直接補正することになり、やり直す時などに融通が利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラースキームを決めるのに便利なサイト10選 | コリス
