webOpixel

jQueryでスクロールすると上部に固定されるナビゲーション

webOpixel — Tue, 21 Feb 2012 02:33:09 +0000

グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。

JavaScriptをシンプルに書けるCoffeeScript使ってみた

webOpixel — Mon, 13 Feb 2012 04:51:49 +0000

CoffeeScript は JavaScript を Ruby や Python ライクに書けるので、タイプ数が減ったり、コードの見通しが良くなったりといったメリットがあるようです。
この記事では CoffeeScript の基本構文と使い方をご紹介します。

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

webOpixel — Fri, 03 Feb 2012 08:07:28 +0000

jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。
サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。

WP MVCプラグインをWindows+XAMMP環境で使えるようにしてみた

webOpixel — Thu, 26 Jan 2012 01:28:36 +0000

WP MVCを導入すれば複雑になりがちなWordpressのテーマフォルダをお手軽にMVCで管理できるようになるらしいです。しかし、このプラグインを使用するにはコマンド的なことを実行しなくてはいけないらしい。さらにWindowsのコマンドプロンプトとかじゃ実行できない（？）
そこで、この記事ではWindowsのXAMPP環境にインストールする方法をご紹介します。

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

webOpixel — Thu, 19 Jan 2012 04:21:51 +0000

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

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

webOpixel — Thu, 12 Jan 2012 01:24:30 +0000

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

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

webOpixel — Thu, 05 Jan 2012 01:14:07 +0000

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

jQueryのanimateで自由にアニメーションできるようになろう

webOpixel — Tue, 27 Dec 2011 04:40:38 +0000

jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。

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

webOpixel — Wed, 21 Dec 2011 01:02:31 +0000

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

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

webOpixel — Tue, 13 Dec 2011 02:44:24 +0000

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