webOpixel

2011年

jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる

Posted: 2011.08.10 / Category: javascript / Tag: jQuery, アニメーション

通常はマウスホイールでのスクロールするとピタッと止まりますが、止まるときに余韻が残ったりするとなんだかリッチな感じがしますよね。
ということでjQueryで、その動きを作ってみました。

Posted: 2011.08.02 / Category: HTML&CSS / Tag: HTML5

html5&css3でFlashのようにアニメーションが作れる「Adobe Edge」のPreviewバージョンが公開されたようなのでかるく使ってみました。

Posted: 2011.07.28 / Category: HTML&CSS / Tag: CSS3, アニメーション

Flashサイトではよく見かけていると思いますが、画像にマウスオーバーするとボーダーが内側にアニメーションするあれをCSS3でやってみました。
Webkit系列やOperaでご覧下さい。Firefoxだとがたがたします、、、、

Posted: 2011.07.26 / Category: javascript

JavaScriptの関数って他の言語では見ない書き方をされていることがたびたびあります。（自分自身他の言語を詳しく知っているわけではありませんが、、、）
そこで今更ではありますが、JavaScriptの関数の基礎をちょっとだけ勉強してみました。

Posted: 2011.07.21 / Category: javascript / Tag: jQuery, アニメーション

通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。
機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。

Posted: 2011.07.13 / Category: HTML&CSS, javascript / Tag: HTML5, jQuery

html5のcanvasを使えば色々できるみたいですが、リストとかのアイコンをcanvasで描いてしまうのはどうなんだろ。ということでやってみました。

Posted: 2011.07.08 / Category: HTML&CSS

TwitterはマウスオーバーするとRTボタンやリプライボタンが表示されますが、あれをCSSでお手軽に作ってみます。