JavaScript
[2000月11年18日]
用語【”JavaScript”】の人気記事TOP20
＋ WebSocket:golang chat « kumama
メーリークリスマス！と、言う事で（笑）WebSocketのchatを色々と実装。 って言っても切り貼りでベースは、WebSocketでChatを作ってみた。http://kumama.org/chat/ で実際に動かしています。メッセージをDBに書いてたりWSサポートしてないブラウザでも一応掲示板として動いたりといった実装を追加。HTML5の規格ではあるもののWebSocketは、 現状Chrom...
＋ JavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し : Serendip - Webデザイン・プログラミング
HTML5 Canvas でバケツツールによる塗り潰しを実現するために、スキャンライン・シードフィル (Scan Line Seed Fill) というアルゴリズムを使ってみた。 アルゴリズムの詳細については、以下のサイトを参考にした。参考：ActionScript入門Wiki@rsakane – 塗りつぶしアルゴリズム(スキャンライン – シードフィル編) ペイント・ルーチン (1)シード・フィ...
＋ Beautiful Background Image Navigation with jQuery | Codrops
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a dif...
＋ html5の File API を使って、アップロード無しで画像プレビュー - 超自己満足プログラミング
画像をプレビューするために、サーバへアップロードする必要がなくなります*1。htmlfileのアップロードフォームにonchangeを仕込んでおきます。あとは、プレビュー表示用の要素だけ準備。html>head>meta charset="utf-8">head>body>form>input type="file" name="file" onchange="preview(this)" />f...
＋ [作って学ぶ！jQuery] 第5回 ajaxを使って複数ブログの最新記事一覧を表示する | バシャログ。
こんにちは、GWはがっつり朝から晩まで子供と遊びまくっていたishidaです。今回はajaxを利用して、ブログの最新記事を掲載してみようと思います。 ajaxで取得するデータは、同一サーバ内のxmlデータとします。また取得するブログは以下の3つとしています。馬車道の社長ブログ（/blog/niidome/index.xml）ゴトウ@シーブレインの馬車道（/blog/goto/index.xml）バ...
＋ iTunesにスリープタイマー機能が付けられるApplescript『iTunes Sleep Timer』 : ライフハッカー［日本版］
Apple , MacOS , その他 , フリーソフト , 趣味 , 音楽iTunesにスリープタイマー機能が付けられるApplescript『iTunes Sleep Timer』掲載日時：2010.05.06 14:00 コメント [0], トラックバック [0]iTunesの音楽を聴きながら眠りたいと思っている人は、多いことでしょう。ですが、眠る直前にストップボタンを押すことは、至難の業...
＋ ありそうでなかった？要素をふわっと表示させるjQueryプラグイン whatInOut :: 5509(+1.1)
Windows7のウィンドウのようにふわっと表示・非表示させることができます。ふわっとと、whatをかけ･･･（ｒｙ 色々な環境で試せてないので、バグというか予期しない動きは多いかもしれないです。twitterかコメントで報告もらえれば対応できる範囲で対応します。ふわっとするためだけにeasingが必要になるいけてない仕様なんですけど、easingを別のところでも使ってカバーしてください（！）それ...
＋ WebサイトをiPhoneで見やすくする5つの方法 | Webクリエイターボックス
iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyとい...
＋ jQueryで円グラフを簡単に表示するプラグイン「Peity」｜skuare.net
jQueryで円グラフを簡単に表示するプラグイン「Peity」｜｜｜｜円グラフをサイトで使用することがあるかと思います。 そんな時、JavaScriptライブラリのjQueryなら簡単に表示させることが可能です。 via：Peity . progressive
＋ Rocking and Rolling Rounded Menu with jQuery | Codrops
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rot...
＋ IE9のプレビュー第2版リリース 性能や標準サポート向上 - ITmedia News
ニュースIE9のプレビュー第2版リリース 性能や標準サポート向上最初のプレビュー版と比べ、第2版はJavaScriptベンチマークテストや標準準拠テストの結果が向上している。HTML5のvideoタグサポートは第3版で盛り込む予定だ。2010年05月06日 09時30分 更新米Microsoftは5月5日、Internet Explorer（IE）9の開発者向けプレビュー版第2版をリリースした。3...
＋ シンプルなデザインの各種コンテンツが揃ったウェブサイトの無料テンプレート -Aurelius | コリス
ビジネスサイトでも、個人のポートフォリオサイトでも無料で利用できるスタティックなテンプレートファイルをNettuts+から紹介します。Free "Aurelius" Website Templateテンプレートは、XHTML 1.0 Transitional、CSS2.1（一部CSS3）を使用しており、上記キャプチャのインデックスページではjQueryで打ち出しの要素がアニメーションで回転します。...
＋ Google、「Chrome 5 β」を公開 Flashをネイティブサポート - ITmedia News
ニュースGoogle、「Chrome 5 β」を公開 FlashをネイティブサポートV8エンジンの改良で30％以上高速化したほか、HTML5の幾つかの機能への対応、Flash Playerプラグイン統合など新機能を追加した。2010年05月06日 07時39分 更新米Googleは5月4日（現地時間）、次期Webブラウザ「Chrome 5」の最新β版（Ver.5.0.375.29）を公開したと発表...
＋ Colin M. Ford, Designer
The personal website of Colin M. Ford: A web and graphic designer, and a burgeoning typeface designer.
＋ [JS]シャボン玉のようにふんわりと膨らんだり縮んだりするナビゲーション | コリス
マウスのホバーで、ふんわりと膨らんだり縮んだりするアニメーションがかわいらしいナビゲーションを実装するチュートリアルをCodropsから紹介します。Awesome Bubble Navigation with jQuery デモページデモでは円状に配置された各カテゴリにマウスをホバーすると、それぞれの配下コンテンツが配置される仕組みになっています。アニメーションには緩急がつけられており、とても気持...
＋ メモリーリークパターンを理解する - babu_babu_babooのごみ箱
JavaScript | 09:50メモリーリークに関する覚え書きメモリーリークとは コンピュータの動作中に、使用可能なメモリ容量が、だんだん減っていく現象。OSやアプリケーションソフトが、処理のために占有したメモリ領域を、解放しないまま放置してしまうために起きる。 メモリーリークパターン（以下のタイプを考察） ドキュメントツリーに属さないノードに、イベントを貼り付けた場合。DOM プロセッサが管...
＋ jQueryのアニメーション関連いろいろまとめ :: 5509(+1.1)
jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。TIPS/チュートリアルプラグイン/animateメソッドの拡張などプラグイン/単体で使えるものなどプ...
＋ HTML5 Geolocation API で緯度経度を取得→地図を表示してみた : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ
川崎です。もう GW も終わり。 JavaScript で HTML5 の Geolocation API を使って緯度経度を取得して、 現在地付近の地図を Google Maps Static API で表示してみました。 要は、以下のようなシンプルなコードです。function run() {navigator.geolocation.getCurrentPosition(callback);...
＋ JavaScriptでヒアドキュメントや簡易テンプレート - latest log
jsJavaScriptでもヒアドキュメントやテンプレートが使えれば便利だし、それらを組み合わせてコードの塊(スニペット)にできれば便利だよね。ってことで、既に同様のアイデアはゴロゴロしてそうなんですが、自分用にざざっと叩き台を書いてみました。 DEMOhttp://pigs.sourceforge.jp/blog/20100505/test/demo.snippet/uu.snippet.htm...
＋ ついにウェブでも有名書体が使える！ウェブフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
ついにウェブでも有名書体が使える！ウェブフォントサービス Fonts.com Web Fonts β版が運用開始TypekitやFontspringなどに続き、オンラインフォントショップFonts.comが、ウェブフォントサービス Fonts.com Web Fonts を開始しました。現在はβ版となっており、登録制でサービスを利用することができます。他のサービスに比べて、とにかくすごいのが有名書...
