Ordinary Life

保護猫【モモ】【ココ】とのいつもの暮らし(旧「がんばれ!わが町名古屋の地域猫&我が家の家ネコ日記」)

「Transparency」に夢中

どーも、小池〇〇子です!ではなく単純に横文字使いになっているだけです。

今回は「Transparency」。「トランスペアレンシー」と読みます。透明度とか透明性とかいう意味の英語です。

何が「Transparency」かというと、サイトの背景色のことです。

私が作っているサイトでかれこれ半年位全く放置していたものがあります。

全くメンテナンスすることなく放置状態だったのですが、気付けば今ご覧になっているモモ君のサイトよりもアクセスがあるんですね、これが・・・。

まあ、せっかく来てくれた人の為にと思って、重い腰を上げてデザイン変更したんです。その時に夢中になったのが、このサイトでもやってる背景スライド画像。でも、文章が表示されているところは当然ながら画像が切れてしまうんですね。これを解決するために使ったのが「Transparency」。

ホームページなどで使われる色コードは大きく分けて3つあって、1つは#から始まる6桁の数字で表すもの。もう一つが色の名前で表すもの。そして、最期に色要素で表すもの。この色要素での表現の中に透明度というのがあるんですねぇ。恥ずかしながら初めて知りました。

そこで、いろいろ調整したところ・・・おっいいじゃん!!ていう感じになりました。上の2つのサイトは苦労の末ほとんどカスタマイズ完了!!そして忘れないうちに、このサイトも半透明(ゴミ袋ではないですよ~)にしちゃいました。

ここを半透明にして再表示、あっここも・・・と何か所かのデザイン要素の追記をしてひとまず半透明化終了。これで背景がなんとなくうっすら見えるようになったのでより自然な仕上がりになったと自画自賛してます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

※リンクやURLの挿入されているコメントは無視します