WordPressのカテゴリーにカスタムフィールドを追加する
カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。
ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。
- 投稿日
- 更新日
2011年
jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる
通常はマウスホイールでのスクロールするとピタッと止まりますが、止まるときに余韻が残ったりするとなんだかリッチな感じがしますよね。
ということでjQueryで、その動きを作ってみました。
- 投稿日
- 更新日
html5アニメーション作成ツール「Adobe Edge Preview」かるく使ってみた
html5&css3でFlashのようにアニメーションが作れる「Adobe Edge」のPreviewバージョンが公開されたようなのでかるく使ってみました。
- 投稿日
- 更新日
CSS3で画像をマウスオーバーするとボーダーがぐいってなるアニメーション
Flashサイトではよく見かけていると思いますが、画像にマウスオーバーするとボーダーが内側にアニメーションするあれをCSS3でやってみました。
Webkit系列やOperaでご覧下さい。Firefoxだとがたがたします、、、、
- 投稿日
- 更新日
JavaScriptの関数の基礎を勉強してみた
JavaScriptの関数って他の言語では見ない書き方をされていることがたびたびあります。（自分自身他の言語を詳しく知っているわけではありませんが、、、）
そこで今更ではありますが、JavaScriptの関数の基礎をちょっとだけ勉強してみました。
- 投稿日
- 更新日
jQueryでマウスホイールで横にスクロールする横型コンテンツ
通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。
機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。
- 投稿日
- 更新日
リストのアイコンをcanvasで作ってみた
html5のcanvasを使えば色々できるみたいですが、リストとかのアイコンをcanvasで描いてしまうのはどうなんだろ。ということでやってみました。
- 投稿日
- 更新日
CSSでコンテンツにマウスオーバーするとアイコンが表示するTwitterのあれ
TwitterはマウスオーバーするとRTボタンやリプライボタンが表示されますが、あれをCSSでお手軽に作ってみます。
- 投稿日
- 更新日
URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」
「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。
- 投稿日
- 更新日
jQueryでHTML5の独自データ属性（data Attributes）を扱う
HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。
この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。
- 投稿日
- 更新日