１２月１９日、今日は、「ロールオーバーをCSSで実現する」方法の学習を。
ネットで見つけた地元のＷｅｂページ作成会社が作った実績を見ていたところ、かっこいいメニューがありました。これは、当然のようにスタイルシートで作ってあります。この技術は、必須だと感じ、今のうちのマスターせねば、と思いたちました。
スタイルシートで、ブロック要素に、図形を指定する方法は、以前から知っていたのですが、これをメニューに応用する手順は、まだ、マスターしていませんでした。
というのも、このテクニックをマスターするには、基になる画像を作ったり、画像に文字を入れたりと、画像編集のテクニックが必要で、この方面は、苦手としていたからです。（私は、サーバ管理→プログラマ→Ｗｅｂシステム開発と、きているので、デザインを学ばずにきました）
ですが、かっこいいＷｅｂページを作るには、避けられない、ということで、やってみることにしました。
やってみた感想は、「スタイルシートは難しい」の一言です。
以前、汎用ＣＡＤソフトで、事務所のレイアウトと、ネットワーク配線図を書いたことがあるのですが、そのソフトと同じくらい難しい。というか、その時は、数値が即図形で表示されたが、スタイルシートをテキストエディタで加工していると、数値のずれがイメージできないため、思い通りの絵にならない。
とりあえず、下記のページを参考に、なんとか予定どおりに動くようになりました。
ロールオーバーをCSSで実現する
これは、スタイルシートを生成するソフトが必須だ、と思いつつ、まだ、ＰＣにインストールしてませんでした。
まだ、Ubuntu Desktop用の GIMP画像編集ソフトの使い方をマスターしていない状態で、新しいＧＵＩソフトもマスターしなければならないとは．．．
思ったよりハードルが高そうです。