webOpixel

jQueryでマウスホイールで横にスクロールする横型コンテンツ

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

投稿日2011/07/21
更新日2011/07/21

リストのアイコンをcanvasで作ってみた

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

投稿日2011/07/13
更新日2011/07/13

CSSでコンテンツにマウスオーバーするとアイコンが表示するTwitterのあれ

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

投稿日2011/07/08
更新日2011/07/08

URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」

「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。

投稿日2011/07/05
更新日2011/07/05

jQueryでHTML5の独自データ属性（data Attributes）を扱う

HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。
この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。