Looking for unlimited downloads? Subscribe to Envato Elements. Millions of premium assets Great value subscription Let's create
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
2/14 Yahoo! UI Library が公開されました。 これまで、script.aculo.usやmoo.fxなどのライブラリがありましたが、Yahoo!が出してくるとは思いませんでした。 英語ページに慣れていない方は、サンプルへのリンクがどこにあるか迷うと思うので以下にリンクをまとめておきました。 実際に触れてみて、Yahoo! UI Libraryの凄さを体感しましょう! Animation Basic Animation Animation - From Animation - From in EM units Animation - Size Animation - Size and Opacity Animation - Adding Attribues Simple Movement Relative Movement Motion Using a Control P
2006年03月02日22:28 カテゴリLightweight Languages javascript - Yet Another Previewer 本日はもう一つ行きましょう。 Editor Previewer Help Source 使い方 EditorタブのフィールドにHTMLを入力して、Previewタブを押して下さい。 Editorタブをもう一度押すと、Geckoベースのブラウザーに限り、 PreviewのDOMから再生成されたHTMLでフィールドを書き直します。 それ以外のブラウザの場合、(現時点では)ただ戻ります。 Geckoベースのブラウザーをお使いなら、わざと謝ったHTMLをEditorタブで入力してから、 Previewを押してもう一度Editorを押して下さい。何が起りましたか? 作った理由 BlogのPreview画面では、通常自分用のCSSとは異なるCSSが
2006年02月26日09:43 カテゴリLightweight Languages javascript - dk-kwh (aka Dan Kogai's KeyWordHighligher) というわけで、出来ました。 Dan's Keyword Highlighter Bookmarklet (normal) blogなど、重たいページにはこちらがおすすめ。 Dan's Keyword Highlighter Bookmarklet (incremental) 軽いページならこちら。見栄えはこちらの方が上です。 404 Blog Not Found:javascript - インクルメンタル検索の今後とはいえ、Bookmarklet化のアイディアは素晴らしいし、これらの問題も解決可能なものばかりだ。 というわけで、かなりRefactorしました。 見どころ Safariでも動くよう
Content in the Javascript library assumes a sound understanding of ECMAScript, CSS, XHTML and DOM. You’ve got killer content. You’re using good, clean HTML to structure it for presentation. You’ve a taste for sophisticated style that only CSS can deliver. You wanna spice things up a bit? Buff up those web pages with interactive behaviour. All courtesy of the DOM and a touch of javascript. The ab
2006年02月24日12:29 カテゴリLightweight Languages javascript - 任意のHTMLをインクルメンタル検索可能に! 今度のはちょっと凄いかも。 Keywords: 難点は、今のところFirefox(と多分他のGeckoベースのBrowser)でしか動かないことか(苦笑) 404 Blog Not Found:JavaScript - Incremental Search a la Google Cache Proof of Concept ということで、検索語だけではなく検索対象のテキストも入力可能にしておきました。これをで隠しておき、とすれば、検索可能ページの出来上がり、にはなります。 前回の例ではplain textしか検索の対象に出来ませんでしたが、今回は任意のHTMLを 検索可能にします。誤ってtagを引っ掛けるということはありえません。ソ
[2006/10/31] php-jsonはPHPのソースツリーに取り込まれ、PHP5.2.0からデフォルトで組み込まれるようになります。 Web2.0の盛り上がりに連れてますます盛り上がっているAJAXですが、非同期通信でやりとりされるデータフォーマットとしては、 XML形式 JSON(JavaScript Object Notation)形式 があります。以前AJAXのサンプルを作ったときはデータはXML形式でしたが、(今更ですが)今回はJSONを色々試してみます。 PHPでJSONを扱う場合、現時点で以下の二つのモジュールがよく知られています。いずれも配列・連想配列などをJSON形式へ変換する機能を提供しています。 PEAR::Services_JSON php-json 今回はこれらのインストール手順のまとめと簡単な動作サンプルの作成、前回の郵便番号検索をそれぞれのJSONに焼き直
This page shows how to use this DES function, and provides the source code in Javascript, Perl and PHP. Usage des (string key, string message, boolean encrypt, [integer mode, string iv, integer padding]) The des function accepts an 8 character string as the key (this is 64 bits, but the algorithm only uses 56) for normal DES or a 24 character string for triple DES, a message string, a boolean to s
Web アプリケーションテストツール Selenium のテスト記述から開放してくれる Firefox 拡張 Selenium IDE 2006-02-15-3: [Firefox][JavaScript] http://www.openqa.org/selenium-ide/ JavaScript を使ってブラウザを介して Web アプリケーションのテストをしてくれる とても便利な Selenium. Selenium のテストを書くのが結構めんどくさかった. このテスト記述から開放してくれる Firefox の拡張があった! - Selenium http://selenium.thoughtworks.com/ Google で「Selenium」で検索してその検索件数が意図した件数と合致するかテストすることにする. まず,Firefox の [ツール] - [Selenium ID
We’re getting things ready Loading your experience… This won’t take long.
Particle Tree posted an article the other day on how to modify the Lightbox javascript to work with regular divs and not just images. A few days before that article went up, I had the same bit of inspiration for Wayfaring. We’re not afraid of pushing the envelope on the site, so if we like an idea, we’ll roll with it until too many of our users tell us it sucks. (That hasn’t ever happened incident
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら (Launch Google でGoogleが開きます) ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
http://www.goodpic.com/mt/archives2/2006/02/ajax.html で紹介されてる通り、script.aculo.usは通常のロードではファイルサイズが100KBを超えます。しかし、それはフルでロードしたときの容量なのです。script.aculo.usはロードするパッケージを選ぶことができる*1ので必要な機能だけを選べば良いのです。例えば、たいていの場合はscript.aculo.usのeffects.jsだけしか使わなかったりするので <script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script> とすればOK。これでファイルサイズは34KBに収まります。また、二つ以上のパッケージを選択したい場合は <script src="/js/scriptac
This shop will be powered by Are you the store owner? Log in here
Ruby on Rails や Catalyst のプラグインなんかでは prototype.js という JavaScript のライブラリを使って、Ajax サポートを実現しています。prototype.js とフレームワークが必要な Ajax の JavaScript コードを吐き出してくれるので、Ruby プログラマや Perl プログラマは JavaScript の実装を意識しなくても Ajax なインタフェースが作れる、という風になっています。 こんな感じで prototype.js は Ajax な部分に注目が集まっていますが、ほかにも "Class-style OO" なフレームワークも内包してます。 JavaScript はプロトタイプベースのオブジェクト指向言語で、C++ や Java のようなクラスベースのオブジェクト指向言語とはちょっと実装が異なります。プロトタイプ
とりあえず自分で書いたのも含めて、後でゆっくり読みたいものなどを片っ端からリンク。選出基準は適当です。 JavaScriptっぽい。 prototype覚書 GAC なぜなにGAC->フォーラム->【JavaScript】 Functionで遊ぼう [教えて!goo] クラスの継承の仕方 オブジェクト(Object)(とほほ) JavaScript, Neo-Generation/Function 自作オブジェクトで複数のメソッドを呼び出したい Virgo - JavaScript - ユーザ定義オブジェクト ECMAScriptチュートリアル ECMAScript - on Surface of the Depth - Effective JavaScript - Dynamic Scripting オブジェクトなJSの基礎講座 プロトタイプチェインについての覚書(ECMAScript,
Tooltips.js v0.3 (c)Matthias Platzer, based on script.aculo.us and prototype.js Tooltips.js depends on the latest versions of prototype.js and script.aculo.us from SVN. This example also depends on two patches to prototype.js Ticket #3573 (enhancement) and Ticket #3572 (defect) Activating Mouseover Tooltips <script type="text/javascript" src="tooltips.js"></script> <script type="text/javascript">T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く