WEBOPIXEL

jQueryで指定ユーザーの最新のYoutube動画を表示する方法

Posted: 2012.01.19 / Category: javascript / Tag: ,

最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。

READ MORE

CSS+jQueryで左右別々の背景にする

Posted: 2012.01.12 / Category: HTML&CSS, javascript / Tag: 

センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。

READ MORE

WordPressの投稿フォーマットをタブ化して入力欄も切り替えるプラグイン「CF Post Formats」

Posted: 2012.01.05 / Category: WordPress / Tag: ,

Wordpressの投稿フォーマットはラジオボタンでさり気なく配置されているので、よく目をこらさないと気づきませんね。
「CF Post Formats」を導入すれば投稿フォーマットをタブにしてくれるので、チェックするの忘れてしまったなんてこともなくなると思います。

READ MORE

CSS3だけでクリックでアニメーションさせる

Posted: 2011.12.21 / Category: HTML&CSS / Tag: 

CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。

READ MORE

CSSをシンプルに書くことができるLESS使ってみた

Posted: 2011.12.13 / Category: HTML&CSS / Tag: 

CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。
LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。

READ MORE

記事情報をXMLで出力してWordPressの入ってないサイトに表示する方法

Posted: 2011.12.07 / Category: WordPress 

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

READ MORE