川o・-・）＜2nd life script.aculo.usのファイルサイズを軽減
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
検索 UI の改善 < 31 < January < 2006 < nulog, NULL::something : out of the headphone
Ajax 使うようにした。Javascript が有効なら自動的に Find ボタンで起動する。 Gecko 以外はじいております。 IE, Opera でも使えるようになりました。 トップ ajax 検索 UI の改善 トップ ui 検索 UI の改善 トップ web 検索 UI の改善
Lightbox JS
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr
Lightbox JS を使って画像表示をかっこよくみせてみる�� - SmallStyle (2006-01-03)
_ しもやけ もともとしもやけになりやすい体質なのですが，今年もやっぱりなってしまったしもやけ…．右手と右足をやられてしまいました．できるだけならないようにと，手を洗ったときは入念にタオルで拭いて水分を残さないようにしたりとか，雨や雪の日は替えの靴下を準備しておいて，濡れたら即替えるようにしてたのになぁ．しばらくはこのかゆみとの闘いになりそうです． _ Lightbox JS を使って画像表示をかっこよくみせてみる ここのところ Firefox の拡張紹介などをはじめ，いろいろ画像とあわせて日記を書くことがあるのですが，大きめの画像は縮小表示しているので，クリックしてもらうと大きな画像を確認してもらうことができます．ただ，これだとブラウザの「戻る」なり新しいタブ，ウィンドウを閉じるなど，閲覧者に一手間かけている部分があるかもしれません． そこで，lightbox.js - Web2.0ライ
Hawk's Laboratory » prototype.js 1.4.0を読む：prototype.js___base.js
このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Trivial Tracks: Javascriptのクロスブラウザライブラリ
Javascriptを少しでも自分で書いたことある人は、各種ブラウザ間の共通性・互換性の弱さにため息や頭痛を感じた人も少なくないのではないでしょうか サイト上にスクリプトが記載されていて、それをコピペして借用する方法もあるが、経験上こういうコードは意外と完成度が低く、自サイトでは挙動がおかしいということが多々ある。 こう思った人がブラウザ間の差を吸収したライブラリを誰か提供してくれているに違いないと思い探してみるとまず最初に引っかかったのがPrototype.js。 残念ながらこれは間違いではないが、目的がAjaxに重点を置いているため古いブラウザは問題外となっている。 ちなみに正式対応なIEバージョンは6以降と書いてある。 そしてやっと探しあてたのが以下で紹介されている「X Library」 http://www.cross-browser.com/ これの完成度は本当に素晴らし
cyano: prototype.js version 1.4.0系でのEnumerableの使い方
Ruby on Railsなどのフレームワークに標準付属されていて、オブジェクト指向なJavaScriptを書く人たちの間で注目されているprototype.jsですが、Version 1.3.1時点での機能についての解説書は見つけたものの（prototype.js v1.3.1 の使い方）、1.4系で盛り込まれるであろうEnumerableについては見つけることができませんでした。なので、Version 1.4.0_rc4時点でのEnumerableについて解説してみます。 Enumerableとは、配列やハッシュなどのデータ構造に対して繰り返し処理をさせるための機能を集めたものです。たとえば配列に入っている値それぞれについて処理を行いたかった場合、従来ならば以下のように書いていたでしょう。 var data = [1,2,3,4]; for(var i=0; i<data.length
Underconstruction by Taiyo@hatena
来年ものすごく流行りそうな手法が公開された。 これは痛い。 Google Desktop Exposed: Exploiting an Internet Explorer Vulnerability to Phish User Information 関連： eWeek記事 ITmediaの記事 I call this attack CSSXSS or Cascading Style Sheets Cross Site Scripting. うまいこと名前を付けたもんだなぁ…… 記事ではGoogle DesktopからHDDの情報を抜けることが問題視されるような書き方になっているが、CSSXSS自体はGDSとは関係がない。 一言で言うと、cssのimport文で任意のWebサイトの情報を抜き出せることを利用した攻撃だ。ログインして利用するWebサイトのHTMLが、ほかのWebサイトで利用で
Makeを利用したJavaScriptファイルの結合・圧縮 - llameradaの日記:
ある程度の規模のJavaScriptプログラミングでは、モジュール毎に、複数のファイルに分割してプログラミングするのが普通である。これは、ファイルの大きさが適度な方が編集作業が容易なのと、モジュールの別プロジェクトへの再利用性を高めるためである。 しかし、ブラウザ・アプリケーションでは、複数ファイルを1つのファイルに結合する方が望ましい。なぜならば、複数ファイルへの分割は、サーバへの多数のHTTPコネクションの発生を意味し、応答性が低下する。そのため、例えば、Google Mapsでは、多数のコードが100kbを超える1つのJavaScriptファイルにまとめられている。 また、ユーザの利便性を高める意味では、JavaScriptファイルの圧縮も重要である。JavaScriptの文法的な意味は保存したまま、ファイルサイズを圧縮することにより、ダウンロード時間を短くできる。また、圧縮により、
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
![text-hatena.js 公開 [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0152b5a283748a3bce479101d22b9b4c157d2c27/height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
YappoLogs: JavaScript::Swell - Web2.0 時代のHackモジュール
JavaScript::Swell - Web2.0 時代のHackモジュール ここ最近はJavaScriptもかなり注目をされており、色々なサイトのjsファイルを読みふけってる方も多いと思います。 そこで困るのがSquishされて見づらくなったソースコードなのではないでしょうか？ 皆さん、それぞれ苦労して見やすいソースに修正して日々Hackされてることと思います。 そんな苦労erにぴったりなモジュールがありました。 JavaScript::Swellです。 Squishの逆でSwellというなんともな名前です。 使い方も簡単でした。 use JavaScript::Swell; print JavaScript::Swell->swell("var i=0;if(i++){var a=-1;}");ってなコードで var i = 0; if (i++) { var a = -1; } こ
Bookmarklet Builder
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
Collection & Copy - JavaScriptにおけるプライベートメンバ
JavaScriptにおけるプライベートメンバ 翻訳 原文：Private Members in JavaScript Copyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScriptはJavaScript: 世界で最も誤解されたプログラミング言語です。JavaScriptのオブジェクトが、プライベートなインスタンス変数およびインスタンスメソッドを持てないため情報を隠蔽する能力が欠けていると思われることがあります。しかし、これは誤解です。JavaScriptのオブジェクトは、プライベートメンバを持つことができます。その方法は以下です。 オブジェクト JavaScriptはオブジェクトを基礎としています。配列はオブジェクトです。関数もオブジェクトです。オブジェクトもオブジェクトです。それならば、オブジェク
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
presentacular - Adding effects to S5 with script.aculo.us
Presentacular Presentacular adds script.aculo.us visual effects to slide shows created with S5. It has the same advantages than S5 for creating slide shows: printer-friendly version, simple and semantic markup and portable across the most modern browsers. Adding effects First of all you’ll have to create an S5 slide show. If you are new to S5, A Basic Primer in Using S5 can be useful to you. Next,
JS：JSANモジュールシステムを使おう - 檜山正幸のキマイラ飼育記 (はてなBlog)
行きがかり上、JSANモジュールシステムの説明をしておきます。 [追記 dateTime="夕方"]： typoと、本文の趣旨とサンプルコードがずれているところがあったので修正しました。修正の内容は、このエントリーの最後にあります。[/追記] JSAN（JavaScript Archive Network）は、JavaScriptライブラリ群を集積したアーカイブ・サイトです。そして、JSANがベースとしているモジュール（あるいはパッケージ）システムがJSAN.jsというスクリプトで提供されています。 僕は、モジュールシステムの必要性を強く感じていたので、試しに自作してみたのですが、既に使用されているJSAN.jsがあるので、こっちを使うことに決めました。 この記事と一緒に、次のbrazilさんのエントリーを参照することをお勧めします。 1分でわかるJSAN [翻訳]JSAN-0.10 -
Zopeジャンキー日記 :Mac OS X が Web に!?
FlyakiteOSX v2.0 http://osx.portraitofakite.com/ ブート画面 ログイン画面 デスクトップ 脱帽。すごい完成度。 アクセスして、いじってみればわかります。 Appleはいずれ、この作者に警告して閉鎖させるかもしれないけど、Macユーザはきっとそれを望まないと思う。 Appleには、この人を雇って、これを発展させるくらいのカッコいい対応を期待したい。 ネタ元 : Micro Persuasion : Is this the New Web OS? http://www.micropersuasion.com/2005/10/is_this_the_new.html 関連エントリ : ブラウザがWindowsに！？ Ajaxによるアプリケーションフレームワーク 「Bindows」 http://mojix.org/2005/09/22/104518
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozilla — 利益ではなく、ユーザーのためのインターネット
http://blog.kan.vc/1134288746.html