kzms2 – html,css,javascript

このブログをリニューアルして思ったこと

やっぱりCSS3は便利でした。
自分でちゃんと触ってみて4点ほど、利点があったのでそれについてチマチマ書いて見ます。

1. レイアウト組むのが楽ちん
2. セレクタが便利
3. 画像に頼らず色々出来る
4. アニメーションが素敵

といった4点が利点かなー　なんて思いました。

本日はレイアウトについて便利だったことを書いてみます。
詳細は続きで。

Inspect Elementというサイトで

お勧めのブックマークレット10選というものがありました。
その中でも気になった3個をちょちょいと載せます。

ちなみにブックマークレットって何？

使ったことがない方向けに説明をすると、指定されたリンクをお気に入りに登録して、クリックすることでそのページに任意の効果を示すことができます。
またそのページ内にそのリンクがある場合は、クリックするだけで起動することが可能です。

百聞は一見にしかず。このリンクをお気に入りに登録、もしくはクリックしてください。

このページのURLがアラートで表示されたと思います。
クリックするだけだと何も恩恵がありませんが、お気に入りに登録して他のページでそのお気に入りをクリックするとそこのページのURLがアラートで表示されます。

といったようにお気に入りにJavascriptを仕込んで、何か動かしてしまおうというのがブックマークレットです。

詳細は続きから

下のようなボタン画像を

hover時（マウスカーソルが合った時）に画像をこれ以上用意せずに変化させるTipsです。
上のボタンにカーソルを合わせたら色が少し薄くなると思います。

対応ブラウザなど

CSS３は使用していません。対応ブラウザはIE5.5-IE8,Firefox3,Safari3,opera9などです。

ソースは続きに記載しておきます。