CSSで半透明にさせる。(クロスブラウザ)

以下を記述。

filter:alpha(opacity=60);/*IE用*/ -moz-opacity:0.6;/*昔のFirefox用*/ opacity:0.6;/*CSS3*/

疑似クラス,hoverなどをaタグ以外でも使えるようにする。

(1)以下のサイトでcsshover.htcをダウンロード
http://peterned.home.xs4all.nl/csshover.html#changes

(2)任意の場所にアップロード
(3)cssに以下のように記述(パスは実行するhtmlファイルからcsshover.htcへのパス)

body { behavior:url("csshover.htc"); }
そのほか動かない場合の対処などは以下のサイトで
http://d.hatena.ne.jp/sa90/20080403/1207653253

(4)また普通の要素にマウスポインタを表示させたい時は以下の
CSSを加える。
<style> cursor:pointer;/*リンクポインタが表示される*/ </style>
<参考URL>
http://www.htmq.com/style/cursor.shtml

CSSだけでギャラリーを作る。マウスオーバーで画像切り替え

画像のマウスオーバーで、離れた位置に拡大画像を表示する

clear:both;やclearfixの代わりにoverflowでfloatの周り込みの解除する。

floatの周り込みの解除方法。
overflowを使うのが今の所スマートな感じがする。


.overflow{ _zoom: 1;/*IE6用*/ overflow: hidden; }

以上の記述をfloatを解除したい要素に指定する。

clear:borth;は空divなどの余計な空要素を作るし
clearfixは効かない事も多いのでこれが簡潔でいいかも。

googleアナリティクスの使い方リンク集

googleアナリティクスの使い方リンク集

衣袋教授のGoogleアナリティクス入門講座

ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方

 「jsfiddle」
ブログに実行したスクリプトと結果がでるので便利。
β版もこれからでるそうなので使い方はこれから探る。

<参考サイト>
http://kachibito.net/web-service/how-to-join-jsfiddle.html

ダイナミックなアニメーション、フルスクリーン対応のスライダーを実装する(jQuery+CSS3)

ダイナミックなアニメーション、フルスクリーン対応のスライダーを実装する(jQuery+CSS3)
<参考サイト>
 http://coliss.com/articles/build-websites/operation/work/tutorial-fullscreen-slit-slider-by-codrops.html
<元サイト>
http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/