本来であればjavascriptやflashを使って画像を準備しないと作れなかった、リッチな表現のナビゲーションですが、CSS3の登場に伴い、かなりの部分が、CSS3のみで表現できるようになってきています。今日紹介するのはCSS3で創られた、表現豊かたCSSメニューが簡単に作れるメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」。

こちらは、上記のようなナビゲーションメニューがフリーでダウンロードすることができます。基本的にはjavascriptは一切使われておらず、テキストで構成されるため、SEOにも優しい作りとなっています。

詳しくは以下

ソフトウェアはwindows,Mac両OSに対応しており、細かなところまでカスタマイズが可能です。ソフトウェア上で、リンク先やターゲット、フォント種類も変更可能。メニューに表示させる文字は日本語入力も問題なく表示できました。

メニュー自体のデザインやマウスオーバーなどのアクションも、予めいくつかスタンダードなものは標準で組み込まれています。CSS3でメニューを作ってみたいという方は是非どうぞ。

CSS3 Menu. Free CSS Menu Maker