About webの最近のブログ記事

Webサイト制作で必ず出てくるのが
「メニュー部分のロールオーバー」「バナーのロールオーバー」などなど。
テキストで作っているか、画像で作るのかでその都度
CSSで設定したりJavascriptを使ったりしますが、
今回は「ロールオーバー時に画像を薄くみせる」だけの簡単な方法。

要は、アルファ値(不透明度)を設定しているだけですが、

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

この設定をCSSに追加してみます。
0.8や80という数値はアルファ値(不透明度)を「80%」に設定しているので
この部分は70%でも60%でもお好みで。

このままだとサイト全体のリンクの貼られた画像は全て影響してしまうので、
他の設定を反映させたい場合は、

a:hover img.hoverImg { ...

などとclass設定を追加して、反映させたい画像のclassに

class="hoverImg" を追加してみましょう。
あ、いつの間にか9月に突入しています。

今年の夏は、猛暑・猛暑のなか、お陰様でお仕事を頂き
バタバタと過ごしていました。
夏休みもとれぬまま・・・だったので、
9月末には久しぶりに日本脱出!旅行に行く予定です♪
(またお休みのご報告などは後日ということで)

というわけで、この暑い夏、マシンが暴走してしまい
一度初期化する羽目になったGORIが、
「またこんなことになったら困るなぁ!」とメモするサイト。

Webサイトのサイズを測るルーラー Desktop Ruler

デザイナーさん、クリエイターさんの好みによって
いろいろつかっていると思いますが、
わたしはこれが一番気に入っています。

「Desktop Ruler」はAdobe AIRで作ったデスクトップ定規ツールです。
ベースとなる定規の上にもう一段小型の定規が重なっていて、
座標を簡単に調べることができます。
もちろん 定規の伸縮や縦横回転も簡単。

Adobe AIR で作られているので、インストール時には
Adobe AIRがPCにはいっていることが必須になります。

Desktop.jpg














使い勝手についてはお好みですが、この色合いがPOPでかわいいなぁ~と。
私はWindows7で常駐させて使っています。

さて、今日は午後から外打ち合わせ。
暑いなぁ。
本日 「大寒」です。

一年で一番寒いとされている今日の東京はすこぶる良いお天気です。
明後日からまた気温が10度くらい急激に下がるらしいので、
風邪だけには気をつけたいところですが・・・。

と、書き出していますが実は新年のあいさつもそこそこでした^^;

新年あけました。あっという間に明けています。
2009年は、なかなか厳しい1年でしたが、時間がある分
自分で勉強したり考える時間が持てたことは良かったのでは?と思っています。

2010年。 今年の目標は・・・

 ◎ECサイト系の腕を磨く!
 ◎新しい事業をプラス!
 ◎新規のお客様をもっと増やしたい!
 ◎ちょっとでも収入アップ!
 ◎・・・私生活をもっとHappyに!

ともかく、Web制作のGORI Style、
お客様の「やりたいこと」のお手伝いをします!!
今年もどうぞ宜しくお願い致します。

さて、年末年始に我が家のウィルスソフトを変えてみました。
ちょうど今まで入れていたウィルスソフトのライセンスが切れた・・・というのも
理由の一つでしたが、常駐ソフトが重いと日中の作業に支障をきたす、
というのが一番の変更理由でしょうか。
(マシンが古くてウィルスチェックが始まると何もできないし。。。)

選んだのは「ESET Smart Security(イーセットスマートセキュリティ)」です。

前からお値段もお手頃で、「軽い」「ミニノートでもOK」という評判は聞いていて、
無料でお試しもできるのでまずは試してみようかな~と軽い気持ちで入れてみました。

感想は・・・確かに常駐していても邪魔しない感じ??
特にVaioのType-Pはミニノートゆえにどうしてもスペックギリギリで^^;
もともと入っていたト●ンドマ●クロとかだともっさりした動作環境だったんです。
ESETに入れ替え+使わないアプリケーションとかざっくり切ってカスタマイズしたら、
なかなか快調に動くようになって大満足♪なのです。

昨年からFlashやAcrobat経由で感染するウィルスも流行しています。
Windowsメッセンジャーやスカイプ経由のウィルスは瞬時に感染するので
かなり気を付けないと「知らない間に・・・」なんてことに。

ライセンスの切り替え時期の方などに、
「ESET Smart Security(イーセットスマートセキュリティ)」
一度おためしをお勧めします^^


感染してからでは遅い!無料体験から始める人気ウイルス対策ソフト
感染してからでは遅い!無料体験から始める人気ウイルス対策ソフト
プライベートで「出来たらでいいんだけど・・・」と頼まれた動画配信。
10分くらいの短いものでリアルタイムじゃなくてもOKなら
Youtube等利用すればいいかなぁ~って思ってたのですが。。

今回のリクエストは「1時間以上の動画をリアルタイムで見たい」
ということなので、ストリーミング配信を試してみることにしました。

今回トライしたのはUSTREAM.TV
ustream.jpg
最近日本でも注目を集めているストリーミング配信サービスです。
用意するものはWebカメラとインターネット接続だけ...というのが簡単です。

Webカメラは今まで持ってなかったのですが、先日購入したVaio Type-pには「一応つけておこうかな?」とWebカメラ搭載モデルにカスタマイズしておいたので、今回はこのカメラを使ってみることに。


現在夏休みを満喫中のワタクシ。

先月から新しいショッピングサイトのデザイン~構築作業をしています。
メインのデザインはすでに完成していて、
ショッピングカートのカスタマイズ中でしたが・・・

今日になってブラウザによって書き出している画像パーツの
色味が違って見えていることが判明。

Web用に書き出している画像は「.jpg」「.gif」の2種類になりますが、
IEではまったく問題なく表現されているのに、
Firefoxで見ると、一部のパーツだけ色が濃かったり薄かったり。
どうやら今日やったFirefoxのバージョンアップが原因らしい(?)

Firefoxは画像に埋め込まれたICCプロファイルを認識してくれない
らしい・・・と前に聞いたことがあったのですが、
Firefox3以降ではICCプロファイルを認識しているようです。

書き出しの設定時にJPG画像はICCプロファイルを埋め込み、
GIF画像はそのままの書き出しだったので、
そのあたりが今回の画像表示のずれ(色味のずれ)の原因だったようです。

まったく。。昨日まできちんと見えていたのに
びっくりしたぜぃ。

後は夏休みが終わってから作業するとします。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちAbout webカテゴリに属しているものが含まれています。

次のカテゴリはCSSです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

無料アクセス解析
OpenID対応しています OpenIDについて
Powered by Movable Type 5.04