404 Not Found 指定されたページは見つかりませんでした。 littlebit.co all rights reserved.
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
通常、JavaScriptを使って動的にデータを読み込む際には、データソースが同一ドメイン上にある必要があります。 XMLHTTPRequestを使う場合でもIFRAMEを使う場合でも同様です。 ですが、scriptタグを使う場合に限り、ドメインの制約を受けずにデータを取得することが出来ます。 検索結果をページに貼り付けるJavaScriptなどでよく使われる方法ですが、これを応用して、外部ドメインに置いてあるライブラリやデータを動的に取得するというアプローチを考えています。 同じようなことを考える人はいるもので、CPANのJavaScript版、JSANという構想がuse Perlにポストされています。 http://blog.bulknews.net/mt/archives/001649.html で、先月からずっとライブラリばかり作ってたのですが、 一応、問題なく動くレベルまでは来て
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
昨日紹介した「Nofunc Table Organize」は表に対して簡単にソート機能が付与できるすばらしいライブラリだ。しかし業務システムを構築していると、それ以外にも要望が出てきたりする。 良くあるのが、その場でデータを修正したいなどと言うものだ。もちろん、技術的に不可能な訳ではない。が、開発コストがかかり過ぎる。そこで使ってみたいのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはTableKit、テーブルのソートに加えデータ編集機能を備えたライブラリだ。 TableKitはNofunc Table Organize同様にライブラリを読み込むだけで既存のテーブルは殆どそのままで使えるソフトウェアだ。ヘッダ部にthead、データ部にtbodyそしてフッタ部にtfootを指定する。 ヘッダ部をクリックして昇順、降順によるソートはもちろん、データをその場で修正できるのが便利だ
2007年03月26日01:45 カテゴリArtLightweight Languages javascript - 外山恒一に続け! 名演説に感動したので思わず作っちゃいました。 元ネタ: YouTube - 外山恒一の政見放送 [2007/03/25] MellowMoon - 外山恒一氏政見放送・テキスト起こし ソースは例によってご自由にお使いください。 Dan the Minority -- and Loving It {"外山恒一":"Paul Graham", "国":"ソースコード", "政治":"オブジェクト", "改革":"指向", "選挙":"人気投票", "ポスター":"リスト", "二種類":"S式とM式", "未成年":"厨房", "多数派":"普通のやつら", "少数派":"Lisper", "有権者":"プログラマー", "東京都":"IT関連", "ビビる"
Functional Javascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functional programming language is Javascript. JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
週3日勤務。残り4日は英語ブログアジアジンやThe Japan Times等で活動しております。連絡先は「姓@gmail.com」です。 via del.icio.us/popular Javascript Gamerで、BrickslayerというJavascriptで作ったブロック崩しゲームの作り方が公開されている。 開発環境は Firefox + Firebug + お好みのエディタ。 Javascript本体は、prototype.jsベースで、スプライト表示、アニメーション処理、キーボード入力、当たり判定、(Flash経由で)効果音などについてそれぞれソースつきで解説されている。 また、ハイスコア記録のほうはPHPによるサーバ側のスクリプトがちゃんと用意されている。 まだアルファリリースということだけれど、ページ上ではブロック崩しゲームがちゃんと動いている。ソースを一括してダウン
マウスジェスチャ機能は欲しいけど、All-in-One Gestures や Optimoz Mouse Gestures は余計な機能が多すぎる。AiOGから不要な機能を取っ払ってスリム化させようと試みたが、ソースコードが複雑すぎてやる気が失せた。そこで自分で一から考えて作ってみた結果、200行にも満たない userChrome.js 用スクリプトとして実装することができた。 xuldev.org :: userChrome.js scripts » Mouse Gestures 特徴 マウストレイル(軌跡の描画)は重くなる原因なのであきらめた。とはいえ AiOG から trails.js を借りてきて一工夫すれば実装可能です。 ジェスチャによって実行される処理は、極力ブラウザ本体に実装されたコマンドを呼び出すようにしている。 設定用GUIは無いが、スクリプトを直接編集することで無駄なく
ModalBox 1.5.4 — full package. Includes prototype.js, script.aculo.us library, unit- and functional tests! Warning! API changed. Check the reference before update to this version. See version log What is ModalBox? ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's in
配列をシャッフル、つまりランダムに要素の位置を入れ替えるというのを、sortメソッドを使ってやってみたのだけど、明らかにダメダメなものになってしまった。その後、あーでもないこーでもないと考えたのだけど、算数が得意すぎて頭が痛くなった。ということを某所でぼやいたらはてのくんがコードを見つけてくれた。どうやらFisher-Yatesという有名なアルゴリズムでやると良いらしい。 最初に書いたコードは、 var a = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9); a.sort( function (a, b) { return Math.ceil(Math.random() * 3) - 2; } ); というもの。sortメソッドは、パラメータに与えられた関数が負の値・0・正の値を返すことによって要素の順序を決定するので、その関数がランダムに値を返せばランダ
2006年09月26日21:45 カテゴリLightweight Languages javascript - Google Map 4 Dummies なんやら日本のGoogle Mapも新しくなったようなので、自分の習熟もかねて、Javascriptの知識がなくてもGoogle Mapをblogなどに貼る方法を用意してみた。 とりもあえずにソースだけ見てもらうと、こんな感じになる。太字がカスタマイズが必要なところ。 <script src="http://maps.google.com/maps?file=api&v=2&key=あなたのAPIキー" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function gmap_load(id, lat, lng, s
Webframeworks LLC - Open Souce Projects Dramatically improve your Ajax application performance with JSOC - the JavaScript Object Cache framework. AjaxのレスポンスをキャッシュするJavaScriptライブラリ「JSOC」。 次はJSOCを使ってXMLHTTPRequestの結果をキャッシュするサンプルスクリプト。 var xhttp = new xhttp(); // use your XMLHTTPRequest library of choice! function setCache(n,v){ var respCode = jsoc.set(n, v); alert('Data containing ' + n + ' was fetc
以前、「Greasemonkeyでprototype.jsやscript.aculo.usを使う方法」を紹介しました。しかし、Greasemonkey内でprototype.jsが利用できるようになった恩恵を十分に受けられていませんでした。つまり、Greasemonkeyで提供されているGM_xmlhttpRequest()が可能にする「異なるドメインとの非同期通信」からの恩恵です。そこで今回は、Greasemonkey内で使えるようになったprototype.jsをさらにパワーアップし、クロスドメインAjaxができるようにしてみたいと思います。 問題 厄介な問題は、GM_xmlhttpRequest()はFirefoxやInternet Explorerなどで提供されているXMLHttpRequestとインタフェースが全く違うということです。 GM_xmlhttpRequest()は単な
The First Box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus ante nec ipsum. In ut felis id leo aliquet euismod. In augue lorem, posuere eu, tincidunt non, bibendum quis, nisl. Integer erat erat, posuere vel, convallis feugiat, accumsan ac, sem. Sed scelerisque tortor nec leo. Etiam vel massa vitae nulla elementum aliquet. Donec egestas semper tellus. Donec ultrices ante cursu
OrderByColumnデモ tableの列でソートするjavascriptです。 テーブルの列名をクリックして列順にソートするためのJavascriptライブラリの紹介。 MochiKit でも同様のことが出来ますが、他の不要なライブラリも含まれるのが面倒だという方に便利。 prototype.jsさえあれば、その他1つのファイルでシンプルに実装可能です。 更に実装方法も次のように簡単で第一引数にテーブルのidを指定するだけ。 new OrderByColumn("test",["string","number","number"]); これは便利ですね。
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのUIがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
どんなサイトでもミュージックビジュアライザにしてしまうgreasemonkeyユーザスクリプト、InFullVolume.user.jsを作りました。 デモページ どんなスクリプトかは↑見ていただければわかるかと思うんですが、要するに超大音量で音楽を流しっぱなしにするか、延々と叫び続けない限り正常にWEBが閲覧できなくなるユーザスクリプトです。siteinfoを用いているので、誰でもxpathやuriパターンの編集ができます。一応ソースからもsiteinfoを編集できるので(デモページのsiteinfoがハードコードしてありますので参考に。)、チェックしてから上げるようにしてください。またSiteInfoクラスはyoupyさんのTwitter Text Converterがベースになってます。あと現在siteinfoに登録されているxpathの半分くらいはldrizeのsiteinfoのコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く