はじめに：Webデザインにおける透明度の重要性 ウェブサイトの魅力向上には視覚的効果が不可欠であり、透明度（透過）はデザインに奥行き、軽やかさ、洗練された印象を与える重要な要素です。背景の一部を透かしたり、要素のフェードイン・フェード ...

「text-shadow」のカラー指定には「black」「#000」などが使用できますが、「text-shadow」をサポートしているブラウザは「RGBa」での指定もサポートしているので、RGB値によるカラー指定が行えます。 これは特にPhotoshopで作成した繊細な背景に影のカラーを一致さ ...

1枚のマスク画像を使って、複数の領域に異なるマテリアル表現を 与えることができる極めて強力な機能です。 この機能を使えば、以下のような表現が 1つのマテリアル内で可能になります 赤い部分は発光、緑はメタリック、青はつや消し、アルファは透明 ...

漫画家としてデビューした後、コンピューターグラフィックに出会う。ソフトの解説書の執筆がきっかけでライターに。いろいろな画像編集ソフトの初心者向け書籍や画像加工のテクニックなどに関する執筆も多数。ライターおよびトレーナー ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介 ...

ウェブページのカラースキームをフレキシブルに変更するスクリプトをBuild Internet!から紹介します。 カラーの指定には通常のRGBやHexではなく、RGBaを使用しているのも大きな特徴です。最後の「a」は透明度を指定します。 スタイルシートには下記のように ...

古いブラウザ用のCSSを先に書くレガシーファースト(3ページ目) モバイルファースト設計でCSSを記述すると、古いブラウザ(特にIE8以下)では常にモバイル版デザインが表示されてしまいます。そう割り切っても良いのですが、モバイル版でもCSS3の新しい記述 ...

こんにちは、開発者の皆さん！今日は、CSS カラー関数の世界に飛び込みます。 CSS を使用して Web ページの要素の色を変更したことがあるかもしれませんが、CSS の色関数について聞いたことがありますか?そうでない場合は、シートベルトを締めてください。