
jQueryのanimateで自由にアニメーションできるようになろう
jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
- 投稿日
- 更新日

jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。
CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。
LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。

以前「WordPressの入っていないサイトにRSSを取得してブログの情報を載せる」という記事を書きました。これは基本的なデータだったら問題ないのですが、アイキャッチだったり、カスタムフィールドを取得して表示させたい場合はできません。
Feed情報をカスタマイズする手もあるのですが、ここではオリジナルのXMLファイルを作成して表示する方法をご紹介します。

Appleサイトのスライダー(カルーセル?)は画像がばらばらに切り替わるのでとてもクールですね。
ということで、動きはあまり再現されていないのですが、それっぽいのを作ってみました。


サイト本体とブログを別々のドメインで運営しているけど、ブログの最新情報をサイトのトップに載せたいというが時々にあったりします。
そこでPHPでRSSを取得してWordpressの入っていないサイトでもブログの最新情報を載せる方法をご紹介します。

最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。
そこでスクロールすると区切り(セクション)ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。

Wordpressのカスタムフィールド(メタボックス)を使いやすくするプラグインが多くありますが、GUIで簡単に設定できる反面カスタマイズがするのが大変だったりします。
でも一から実装するのはだるいよね。というときに便利かもしれないクラスライブラリ「WPAlchemy MetaBox PHP Class」をご紹介します。

Wordpressのカスタム投稿タイプの関連付けできるプラグイン「Relation Post Types」をご紹介します。
このプラグインはカスタム投稿タイプの他にも、固定ページや通常投稿の関連付けを行うこともできます。