JavaScriptで始めるQuartz Composer入門 (1/4)
コードを書かなくても、視覚的にプログラムを作れるMac OS Xの「Quartz Composer」。前回は、Quartz Composerに付属するテンプレートだけでシンプルなRSSリーダーを作成しました。今回はQuartz ComposerのJavaScriptを使って、現在時刻を表示するプログラムを作ってみましょう。 Quartz ComposerのJavaScriptを使ってみよう Quartz Composerで時刻を表示するには、標準で用意されている時間を扱う部品（パッチ）を利用するのが手軽です。ただ、時刻に年月日を追加したり、漢数字に変換したりといった何らかの処理を加えるには、標準の部品だけではできません。今回は学習も兼ねて、あえてJavaScriptを使って時刻を表示する方法を紹介します。 Quartz ComposerでJavaScriptを使うには、Libraryパレッ
InDesign CS3自動化作戦 with JavaScript
このページはInDesign CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。InDesign CSに関してはInDesign CS自動化作戦のページ、InDesign CS2に関してはInDesign CS2自動化作戦のページを参照してください。 また、InDesign CS3の自動化処理を行うための書籍「組版時間を半減する! InDesign自動処理実例集」もありますの、参考にしてみてください。書籍に収録できなかったMacOS XのInDesign CS3でHTTP(s)、FTP通信を行う方法とサンプルに関しては日刊デジタルクリエイターズの連載を参考にしてください。 JavaScriptでなくAppleScriptで自動制御する場合は「組版時間を半減する! InDesign自動処理実例集」のサンプルをAppleScriptに変換したコードが以
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）
Rico.jsを使うと手軽にアニメーション処理を行うことができます。まず、Rico.jsを以下のサイトからダウンロードします。 http://openrico.org/ rico.jsファイルをダウンロードするだけで準備はできあがりです。実際に使用する場合にはscriptタグで読み込むようにします。これは同一ディレクトリにある場合には以下のように指定します。 <script type="text/javascript" src="rico.js"></script> Rico.jsを利用するにはprototype.jsが必要ですので、prototype.jsも同様に読み込んでおく必要があります。 まず、簡単なフェードイン処理を行ってみましょう（Operaは不透明度処理をサポートしていないので動作しません）。フェードイン／フェードアウトなどの処理を行うにはRico.Effect.FadeTo
Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）<
と言うわけで、定番ライブラリの「prototype.js」と、「rico.js」を使ってみます。 rico.jp 初体験。便利ですねぇ。 サンプル JavaScriptのソース var fade_flag = true; function fadeInOut(){ var opacity = 1; if ( fade_flag ) { fade_flag = false; opacity = 1; }else{ fade_flag = true; opacity = 0; } new Rico.Effect.FadeTo( "usausa02", opacity, 500, 20 ); } 解説 new Rico.Effect.FadeTo( [画像のID], [不透明度], [時間], [ステップ数] ); 不透明度−0.0（透明）〜1.0（不透明）で指定 時間−単位はミリ秒。（100
画像も角丸にするjavascript「roundedcorners」
twitter facebook hatena google pocket 今回はjavascriptライブラリ「mootools」で角丸を実現します。 roundedcornersでは、画像も角丸にできるjavascriptを公開しています。 ＊画像も使用しているので少し煩雑かもしれません。 sponsors 使用方法 roundedcornersからroundedcorners.jsとroundedcorners.cssをmootoolsからmootools.jsをダウンロードします。 またcssで使用している画像（各角に1つ）を作成するなどしてください。 ＊画像サンプル：topLeft.gif <script type="text/javascript" src="http://yourdomain/mootools.js"></script> <script type="text/
Firebug :: Add-ons for Firefox
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
to top page
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる