Sassを使っていて1つ面倒なことと言えば、CSSを生成するのに必要なコマンドではないでしょうか。

sass -t expanded _scss:shared/css --watch

長い...。プロジェクトでCSSの設計を始めるたびにこれだけ入力するのは大変です。

そこで登場するのが「Compass」です。CSS3のmixinなどが含まれた強力なフレームワークなのですが、次のコマンドを打つだけでCSSの出力ができる機能も持っています。

compass watch

簡単ですよね。いつでもどのプロジェクトでも「compass watch」ですから。

• ※1度だけCSSを出力する「compass compile」もあります。

• 続きを読む

案件対応中に、画面のスクロールに伴って画面左（もしくは右）に配置したメニューが追従してくる「フローティングメニュー（エレベーターメニュー）」の実装を検討しました。Google検索でjQueryプラグインを探すと、3年ほど前から更新されていないプラグインや、jQuery公式サイトのPluginsから消えてしまっているプラグインばかりでしたので、サンプルスクリプトを公開します。

本サンプルをたたき台としてご利用頂ければと思いますが、「いいね」が多いようでしたらプラグイン化も検討してみたいと思います。

• 続きを読む

（先月会社のFacebookウォールに書いた記事をより広めるために転載します。）

Facebookページの独自タブ（HTMLでオリジナルのFacebookページ）を作られている方にお知らせです。先日9月24日、Facebook開発者ブログの記事「Platform Updates: Operation Developer Love」にて、iframeの高さ調整に関するJavaScriptの仕様変更がアナウンスされています。

• 続きを読む

CSS Nite LP, Disk 18の復習とjQuery Templates pluginの実験をかねて、スクリプトを書いてみました。はじめはレポート記事で紹介したサンプルコードの改造をしたのですが、徳田さんのセッションのスライドを見返すと同じコードが紹介されていたので、XMLで記述されたデータをjQueryで取得して表示するコードをお題にしてみました。

• サンプルファイル

作成しての感想ですが、jQuery Templates pluginを利用すると、JavaScriptのコード内にHTMLが混ざらず、コードの見通し・メンテナンス性が非常に良くなりました。

• 続きを読む

正直なところ、地方、とくに僕が住んでいる街だと同じ職種同士の方で集まるような勉強会や、自分が聞きたいテーマに沿ったセミナーが開催されることなんて無いに等しい状態。そんな折、ある程度jQueryに習熟した人向けのイベントが開催されるということで、とても楽しみにして行ったわけです。

セミナーの様子はTogetterにまとめられたツイートや、後日公開されるであろう資料・音声を見ていただければということで、自分が印象に残った点を簡単に書き留めておくと、やはり高津戸さん（@Takazudo）のセッションの話になるでしょうか。jQueryのプラグインは書けるので、それよりも大きなアプリケーションの構築には非常に興味があったのです。

• 続きを読む