Yahoo! UI LibraryによるJavascriptゲームのサンプル集 | 秋元@サイボウズラボ・プログラマー・ブログ
Yahoo! UI ライブラリを使って、テトリス(Yetris!)、15パズル、スペースインベーダー、ソリティアなどを作って公開しているKris Cieslakという人のインタビューが、Yahoo User Interface BLOGに出ていた。 それぞれのゲームについては、Javascriptでも昔からそれなりのものはあっただろうと思う。テトリスについては、何年も前にすごい方法で作ってた人もいるし。ソリティアがしたければWindowsについてるやつを起動すればいいでしょ、という話はある。まあ、これらの目的は技術力のデモ的なところがあるのだろう。 ライブラリを活用し、ゲーム本体のJavascriptファイルはどれも非常に小さい(10KBとか20KB)ところがこれらのデモの肝かなあと思う。 これで、Yahoo UIライブラリの各ファイルはYahooにあるものを呼べるようになったことをあわせ
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
【レビュー】これは便利! ブラウザでJavaScriptを編集・実行 - overtype (2) overtypeとWebブラウザ | エンタープライズ | マイコミジャーナル
overtypeを使うにはovertypeのサイトにアクセスすればいい。エディタが開くのでそのまま使えばいい。上部にメニュー、その下にナンバリングが実施されたエディタ、左下にはデバッグ画面、右下には実行結果が表示される画面が用意されている。 図2.1 overtypeの動作画面 – Firefox 2.0 で最初に開いた場合 使用するWebブラウザは選んだ方がいい。overtypeはFirefoxで使った場合にもっとも効果的だとされている。JS 1.7を活用する場合は2.0以降が必要だが、そうでない場合は1.0/1.5でも動作する。IEを使う場合は7が好ましいが、6や5.5でもいい。ただし7には既知のバグもある。Operaなら9がいい。8も大した問題もなく動作する。Safariも動作するがキーボードショートカットが動作しないものがある。Konquerorは正しく動作しないようなので、避けた
とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」:phpspot開発日誌
Top 10 custom JavaScript functions of all time とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」 読み込むことで、次のような便利関数が使えます。 addEvent - イベントの付与 addLoadEvent - onloadイベントの付与 getElementsByClass - classNameによってエレメントを得る。getElementById や getElementsByTagName のように使える ※ prototype.js にも実装されています。 cssQuery - cssのセレクタを元にエレメントを得る toggle - 表示、非表示を行う関数。 insertAfter - insertBefore という関数は標準でありますが、insertAfterというのはありません。
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
テキストエリアでタブ入力
<SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB 挿入 TAB キー ◎ TAB 削除 SHIFT+TAB キー IE と Firefox、Netscape、Opera で動作確認しています(Opera は、name 属性が必要です)。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT lan
Adobe - Flash Player Version Penetration
We have retired Flash. Support for Flash ended on December 31, 2020. Find out more https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/express.svg | Adobe Express Ready for standout content? Meet Adobe Express. Make and share beautiful content with ease. Choose from thousands of professional-designed templates for fast social posts, flyers, banners, and more. Get Adobe Expre
Landscape - エンジニアのメモ
業務で使っている開発用の PC が更新され、新マシンとして 東芝 EQUIUM 5170 が配備された。旧マシンではパワー不足で Visual Studio 2005 Team System を使うには一苦労だったが、これからは実用可能なレベルになるだろう。 - 旧マシンは FMV E-600旧マシンは富士通の FMV E-600 だった。2003年の4月に配備されたデスクトップPC。 CPUは Intel Celeron 1.7GHz。CPU コアは Willamette (ウィラメット)。通称「藁セレ」。クロック周波数は高いが、実際の演算性能はあまり高くない。 メモリは512MB。PC133 SDRAM で、ECC がついていた。ECC の意味は 2004-06-24 の「メモリの ECC と Registered と Unbuffered の意味」を参照。 このマシン、PCI スロッ
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
404 Blog Not Found:javascript - ある意味究極のソースコード添付法
2006年10月10日06:15 カテゴリLightweight Languages javascript - ある意味究極のソースコード添付法 ころたま。なんでこれを今まで思いつかなかったか! 以下のHTMLをコピペして、 <script type="text/javascript" src="http://blog.livedoor.jp/dankogai/js/sourceviewer.js"></script> <script>//<![CDATA[ var sourceViewer = new SourceViewer(); sourceViewer.boot(sourceViewer, 'sourcecode'); //]]></script> <style> .sourcecode { display: none } </style> あとは <textarea class=
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌
Transparent custom corners and borders, version 2 | 456 Berea Street It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. CSSとJavaScriptで影付きの角丸ボックス要素を作る。 次のような２重線と影がついたボックスのサンプルが公開されています。 HTMLは次のようにシンプルな形に出来るようです。 <div class="cbb"> <h1>Transparent custom corners and borders, v
Javascriptを使ったブラウザ上で動作するExcelシートライブラリ:phpspot開発日誌
Tremend Tech Blog Spreadsheet dojo widget Click here for a demo of the spreadsheet widget. It is based on release 0.3.1 of dojo toolkit.Javascriptを使ったブラウザ上で動作するExcelシートライブラリ。 Dojoをベースにコンポーネント化されていて、サイト上からダウンロード可能です。 書体フォーマット変更やフォントサイズ、関数まで使えます。 これはすごいですね。 →ライブラリのダウンロード
うさのJavaScript講座
JavaScriptを楽しく学ぶことを目的としたウェブサイトです。JavaScriptやJQueryのフリーサンプルを提供しています。
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
JavaScript Tips collection
タイトルは月並みですが、1) 実用的 2) ブラウザのバージョンに関係なく動くことを目標に作成した JavaScript Tip集と IE 及び NN どちらでも動作する Cross Browser DHTML の Tip集のページです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
JavaScriptを利用してフォームの二重送信を防止する：CodeZine
一撃必殺JavaScript日本語リファレンス