Search:
The article matched from in the site to the key word is displayed.
Mootoolsのビルドツールに自作パッケージを追加する方法
Category: blog
Mootools Forgeの使い方 – 登録する前にすることで書きましたが、MootoolsではMootools Forgeにプラグイン登録するときにディレクトリ構造、必要なファイルがあらかじめ定められています。
その中で、package.yml(パッケージ定義ファイル)とソースヘッダーの話を書いたと思いますが、packager-webはビルドの際にこれらを参照し、ルールに則ってビルドを行います。
若干、Mootools Forgeの使い方 – 登録する前にすることで説明した内容のほかにファイルに記述する必要があります。
今回説明するパッケージ定義ファイルとソースヘッダーを記述したファイルを用意しましたので参考にしてください。
解凍して、componentsにアップロード、config.ymlの書き換えを行ってください。
packger-webにアップロードしたパッケージが表示されるはずです。
サンプルデータ
サンプルファイルのダウンロード
具体的な内容はおさらいをかねて再度説明します。
続きを読む >>
Mootools1.3リリースについて
Category: review
ついにmootools1.3がリリースされました。
githubのリポジトリに1.3rc1のタグが切られてから、そろそろでるんじゃないかと思っていましたがついにきましたよ。
mootools1.3は1.2と互換性が確保されており、1.2系のプラグインは問題なく動作するはずです。
なので1.1から1.2のような、トラブルは少なくなると思います。
これはうれしいです。
jsdo.itでアニメーションのガイドを書きました。
Category: blog
jsdo.itで書いたWizard.jsを利用したアニメーションガイドを書きました。
アニメーションの処理が完了する度に、ガイドのパネルを切り替えることによってガイドを実現しています。
人にアニメーションの説明するときに楽なのではないかと思います。
アニメーションのガイド
http://jsdo.it/holydesign/cOyt
コンテンツを切り替えるやつの基本的なビジュアルパターン
Category: blog
jsdo.itで、コンテンツを切り替えるスクリプトを書きました。
書いたやつは、Webサイト制作などで、コンテンツを切り替えるようにするやつです。
タブなんかが一般的ですね。
それを、スタイルシートを最大限に使ってできるだけ使いまわせるようにしたものです。
パターンは4パターンになります。
基本的にメニューの位置が違うだけですが、一つのスクリプトを使うだけで、後はスタイルシートで済ませられるのでかなり楽になるはず。
メニューの位置を変えるだけで、劇的に使いやすくなったりするので、こういうのはなるべく考えてサイトに反映させていきたいですね。
続きを読む >>
jQuery.noConflict()は使わなくても大丈夫
Category: blog
通常どうしても、MootoolsとjQueryを両方利用しなければならない場合、jQueryのnoConflict()メソッドで
コンフリクト(conflict)を避けるような記述をしなければなりませんでした。
今回はjQueryのnoConflict()を使用してなくても、両方使用できる方法について書きます。
続きを読む >>
WordPressテーマ「Exhibition」はこんな感じ
Category: blog
MootoolsのプラグインExhibition.jsを使用したテーマ「Exhibition」を開発中です。テーマを作成する際にExhibition.jsも修正したので、Exhibition.jsの次期バージョンも一緒にリリースすることになりそうです。
やっぱり実践的なものを作らないと問題点とかでにくいですね。
スクリーンキャストも用意しましたのでご覧ください。
こんな感じになりますよ的なものですが…。
続きを読む >>
Exhibition.jsはサムネイル画像をサイズに関係なく垂直、水平に綺麗に整列して表示するプラグインです。
ギャラリーサイト用に開発したもので、水平表示、垂直表示に対応しています。
プロジェクトサイト、またはMootools Forgeから入手することが可能です。
LightboxクローンならぬProcessingBoxを開発中
Category: project
画像をCoolに拡大表示してくれるLightboxというjavascriptライブラリがあります。
とても便利なのですが、あまりにも多用されすぎていて、いささかあきてきました。
なので、私はちょうど興味のあるProcessing専用の「ProcessingBox」を開発することにしました。
今のところProcessing.jsしか試していないのですが、Processingasやjavaアプレットもサポートしようと思います。
Processing Clock 2.0betaをリリースしました。
Category: project
Processing Clockのサイトを公開しました。
Category: project
Processing Clockのサイトを公開しました。
http://processing-clock.org/index.html
やっとやりたいことの1/3ができたくらいです。
Adobe AIRギャラリーにもお知らせしないと…。






