2007-07-09 Mon
w3voiceIM.js - 音声認識テキスト入力Javascriptライブラリ
- Summary
一行追加するだけで,Webページの上のテキスト入力フォームに
音声認識機能を追加できるJavascriptライブラリ.
- Reference
音声認識テキスト入力Javascriptライブラリ w3voiceIM.js
http://w3voice.jp/engine/
- via
スラッシュドット ジャパン | 全てのフォームに音声認識機能を!
http://slashdot.jp/article.pl?sid=07/07/09/0715202
2007-03-15 Thu
wii.js - Wii用サイト向けJavaScriptライブラリ
- Reference
Creating web sites for the Wii Opera browser
http://www.bolinfest.com/wii/
- via
phpspot開発日誌 - Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」
http://phpspot.org/blog/archives/2007/03/wiijavascriptwi.html
2007-02-26 Mon
RightContext - 右クリックメニューを作成するJavaScriptライブラリ
- Reference
RightContext
http://www.harelmalka.com/rightcontext/
- via
phpspot開発日誌 - 2007-02-26 - JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」
http://phpspot.org/blog/archives/2007/02/javascriptright.html
2007-02-26 Mon
popupmenu.js - ポップアップメニューのためのJavaScriptライブラリ
- Reference
popupmenu.js - simple JavaScript popup menu library
http://spiritloose.net/misc/popupmenu/
spiritlooseのはてなダイアリー - 2007-02-26 - JavaScriptでの独自右クリックメニューライブラリ作った
http://d.hatena.ne.jp/spiritloose/20070226/1172458458
2007-02-08 Thu
JavaScriptでソートアルゴリズムの可視化
- Reference
いやなブログ - 2007-02-04
http://0xcc.net/blog/archives/000160.html
Days on the Moon - 2007-02-06 - 再帰クイックソートの可視化
http://nanto.asablo.jp/blog/2007/02/06/1167686
2007-01-20 Sat
KeyTypeListener.js - タイプされたキーに対するアクションを行う Observer 的なJavaScriptライブラリ
- Reference
KeyTypeListener.js
http://hatelabo.jp/js/KeyTypeListener.js
機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会
http://hatena.g.hatena.ne.jp/hatenatech/20070119/1169203752
2006-12-15 Fri
SimpleJS - Ajax Frameworks light and accessible to the beginners
- Summary
軽量なJavaScriptエフェクトライブラリ.
- Reference
SimpleJS --Ajax Frameworks light and accessible to the beginners
http://simplejs.bleebot.com/en.html
2006-12-01 Fri
CSS/JavaScriptだけでDashboard風のイフェクト
- Demo
Dustin Bachrach
http://www.dbachrach.com/
- Reference
Dustin Bachrach Blog - A Cool CSS Effect - Dashboard [Updated x2]
http://dbachrach.com/blog/2006/10/a-cool-css-effect-dashboard/
- via
MOONGIFTニュース - CSS/JavaScriptだけでDashboard風のイフェクトを行うTips
http://news.moongift.jp/i-2947.html
2006-11-30 Thu
yui-ext - Yahoo UI Libraryを拡張したリッチコンポーネント
- Reference
yui-ext Documentation Center
http://www.yui-ext.com/deploy/yui-ext/docs/
- via
phpspot開発日誌 - 2006-11-30 - Yahoo UI Libraryを拡張した超リッチなコンポーネント集
http://phpspot.org/blog/archives/2006/11/yahoo_ui_librar_4.html
2006-11-28 Tue
URLParser - JavaScriptのURLパーサークラス
- Summary
var p = new Poly9.URLParser('http://user:password@poly9.com/pathname?arguments=1#fragment'); /* OUT * p.getHost() == 'poly9.com' p.getProtocol() == 'http' p.getPathname() == '/pathname' p.getQuerystring() == 'arguments=1' p.getFragment() == 'fragment' p.getUsername() == 'user' p.getPassword() == 'password' */ p.setURL('another.url.com'); /* OUT * p.getHost() == 'another.url.com' p.getProtocol() == '' */
- Reference
URLParser - Public code - Trac
https://code.poly9.com/trac/wiki/URLParser
- via
phpspot開発日誌 - 2006-11-27 - JavaScriptから使える便利なURLパーサークラス「URLParser」
http://phpspot.org/blog/archives/2006/11/javascripturlur.html
2006-11-28 Tue
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
- Reference
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
http://javascriptist.net/
phpspot開発日誌 - 2006-11-27 - JavaScript入門&応用&リファレンス&ライブラリ紹介サイト「JavaScriptist」を公開
http://phpspot.org/blog/archives/2006/11/javascriptjavas.html
2006-11-27 Mon
Open-jACOB Draw2D - グラフ描画のJavaScriptライブラリ
- Summary
図形描画機能を,自分のツールに組み込めるとのこと.
- Reference
Open-jACOB Draw2D
http://www.openjacob.org/draw2d.html
- via
phpspot開発日誌 - 2006-11-26 - Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」
http://phpspot.org/blog/archives/2006/11/visiojavascript.html
2006-11-22 Wed
jsh - JavaScript Shell
- Reference
jsh
http://www.asahi-net.or.jp/%7Exe4r-kmt/jsh/jsh.html
Collection & Copy - jsh
http://d.hatena.ne.jp/brazil/20061013/1160707813
- via
AUSGANG SOFT - 2006-11-21 - Greasemonkeyでテキストエディタ
http://a-h.parfe.jp/einfach/archives/2006/1121172220.html
2006-11-19 Sun
JavaScriptファイルを圧縮して読み込ませる
- Summary
JavaScriptファイル自体を gzip で圧縮して読み込ませれば良い.
<script type="text/javascript" src="prototype.js.gz"></script>
- 圧縮されたJavaScriptがSafariで読み込めない問題
圧縮したJavaScriptファイルの拡張子を .jgz とし,
mod_rewriteで .jgz へのアクセスを .js にリダイレクト.
RewriteEngine on RewriteCond %{HTTP_USER_AGENT} ".*Safari.*" [OR] RewriteCond %{HTTP:Accept-Encoding} !gzip RewriteRule (.*)\.jgz$ $1\.js [L] AddType "text/javascript;charset=UTF-8" .jgz AddEncoding gzip .jgz
- Reference
亜細亜の蛾 - 2006-11-16 - prototype.jsを10KBにする方法
http://asiamoth.com/mt/archives/2006-11/16_2331.php
こぶたのラッパ : 世界の片隅で.jgzと言ってみる
http://smil.exblog.jp/4650470/
2006-11-18 Sat
Lightbox.js で学ぶ script.aculo.us アニメーションの使い方
- Reference
GoodPic.com - Lightbox.js で学ぶ script.aculo.us アニメーションの使い方
http://www.goodpic.com/mt/archives2/2006/11/lightboxjs_scri.html
2006-10-08 Sun
Link Indicator - 外部リンクの判別とページ内リンクを視覚的に表現するJavaScriptライブラリ
- Summary
アンカーに付けられたtarget属性の判別とページ内リンクを視覚的に明示する仕組みを提供する補助スクリプト
- Reference
Link Indicator
http://serennz.cool.ne.jp/sb/sp/linkindicator/index_ja.html
- via
caramel*vanilla - 2006-10-08 - ページ内リンクをわかりやすくするJavaScript
http://caramel-tea.com/2006/10/link_javascript/
2006-10-08 Sun
ページをなめらかにスクロールさせるJavaScriptライブラリ
- Source
function backToTop() { var x1 = x2 = x3 = 0; var y1 = y2 = y3 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0; y1 = document.documentElement.scrollTop || 0; } if (document.body) { x2 = document.body.scrollLeft || 0; y2 = document.body.scrollTop || 0; } x3 = window.scrollX || 0; y3 = window.scrollY || 0; var x = Math.max(x1, Math.max(x2, x3)); var y = Math.max(y1, Math.max(y2, y3)); window.scrollTo(Math.floor(x / 2), Math.floor(y / 2)); if (x > 0 || y > 0) { window.setTimeout("backToTop()", 25); } }
<a href="#" onclick="backToTop(); return false"> このページの先頭へ </a>
- Reference
wg:A (slightly) better technique for "Back to Top" links.
http://web-graphics.com/mtarchive/001659.php
ZEROBASE BLOG - 2005-10-01 - [ajax] ページ内リンクでスムーススクロール
http://zerobase.jp/blog/entry-268.html
- via
SiMPLE*SiMPLE - 2006-09-27 - このページの先頭へ、をちょこっとおしゃれに
http://www.simplexsimple.com/archives/2006/09/post.html
caramel*vanilla - 2006-10-08 - ページ内リンクをわかりやすくするJavaScript
http://caramel-tea.com/2006/10/link_javascript/
2006-09-29 Fri
bytefx - サイズが小さいエフェクトのためのJavaScriptライブラリ
- Reference
bytefx :: F.A.Q & API
http://www.devpro.it/bytefx/
MYCOMジャーナル - わずか3KB コードも1行でイカス! エフェクト - bytefx (1)
http://journal.mycom.co.jp/articles/2006/09/29/bytefx/
2006-09-29 Fri
Real Time Syntax Highlighting Code Editor JavaScript
- Reference
Real Time Syntax Highlighting Code Editor JavaScript
http://www.txt.org/rtshjs/
- via
ブラウザ上で動作するWebエディタ作成Javascriptライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2006/09/webjavascript.html
2006-09-07 Thu
リンク先の拡張子に応じて自動的に画像を付加
- Summary
<a>タグの href属性の末尾が '.pdf' , '.doc' ,'.zip'の要素をピックアップ.
対象の<a>タグにclass名を付加する.
例では,pdfLink , docLink, zipLinkというclass名を使用.
各々のclassには,拡張子と対応する画像が指定してある.
- Source
リンク先がPDF,Wordファイル,Zipファイルの<a>タグに,class名を付ける.
function fileLinks() { var fileLink; if (document.getElementsByTagName('a')) { for (var i = 0; (fileLink = document.getElementsByTagName('a')[i]); i++) { if (fileLink.href.indexOf('.pdf') != -1) { fileLink.setAttribute('target', '_blank'); fileLink.className = 'pdfLink'; } if (fileLink.href.indexOf('.doc') != -1) { fileLink.setAttribute('target', '_blank'); fileLink.className = 'docLink'; } if (fileLink.href.indexOf('.zip') != -1) { fileLink.setAttribute('target', '_blank'); fileLink.className = 'zipLink'; } } } } window.onload = function() { fileLinks(); }
a:hover { text-decoration: none; } .pdfLink { padding-right: 19px; background: url(pdf.gif) no-repeat 100% .5em; } .docLink { padding-right: 19px; background: url(doc.gif) no-repeat 100% .5em; } .zipLink { padding-right: 17px; background: url(zip.gif) no-repeat 100% .5em; }
- Reference
maratz.com - 2005-01-13 - PDF Links Labeling
http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/
maratz.com - PDF Link Labeling Example
http://webdesign.maratz.com/lab/pdf_links_labeling/