ml5js·Friendly Machine Learning For The Web
Breonna Taylor, George Floyd, Ahmaud Arbery, Tony McDade, Regis Korchinski-Paquet, Nina Pop, Monika Diamond, Yassin Mohamed, Finan H. Berhe, Sean Reed, Steven Demarco Taylor, Sandra Bland, David McAtee, Ariane McCree, Terrance Franklin, Miles Hall, Darius Tarver, William Green, Samuel David Mallard, Kwame Jones, De’von Bailey, Christopher Whitfield, Anthony Hill, De’Von Bailey, Eric Logan, Jamario
JavaScript 相対的なマウス位置を取得する | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. canvasでゲームを作る際に、canvasの左上を基準としたマウス位置を 取得する処理が必要になることが多々あったのでその方法をメモっておきます。 Sample canvas内にマウスを乗せるとその位置が表示されます。 左上にマウスを置くと Mouse X, MouseY が (0, 0) に、 右下にマウスを置くと (640, 480) になるのがわかると思います。 http://tmlife.net/examples/mouse-pos/ Source 流れ 相対位置を取得したい要素に”mousemove”イベントを登録 その中で、コールバックの引数eを使用し”スクリーンを基準とした位置(e.clien
動的にiframeを生成してクロスドメインなPOSTを投げる方法 - Okiraku Programming
※2015/3/15追記 2015/2月ごろから本記事の方法はTwitterでの実利用は困難になりました。レスポンスヘッダに"content-disposition: attachment; filename=json.json"が追加されるようになったため、json.jsonというファイルとしてダウンロードが行われてしまいます。現状でこれを回避する方法はないと思われ、POSTはサーバ経由で行うしかなさそうです。（JSONPを利用したGETはこのヘッダがあっても可能です。） =====追記以上==== twicli開発メモ - Okiraku Programming で、iframeをtargetに指定してformを送信することで、外部ドメインに対してPOSTメソッドを発行する方法を書きました。が、iframeをあらかじめ準備する必要があったため、複数のクエリを同時発行できないといった欠点
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
jQuery UI Touch Punch - Touch Event Support for jQuery UI
Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil
同一ページに複数の「いいね！」ボタンを設置する方法 - entacl Lab.
Facebookの「いいね！」ボタンは原則、1URLに1つです。ですが、「1ページ内に複数置きたい・・・」そんな場合だってあるはず。そこで今回は1ページ内に複数設置する方法をご紹介します。 「いいね！」ボタンは1ページに1個？ 通常「いいね！」ボタンは「いいね！」ボタン発行ページにて、1URLにつき1つ作成できます。 ただ、例えばある商品のラインナップ紹介ページ等で１ページ内に複数の「いいね！」対象があって、商品ごとにボタンを設置したい場合は以下の方法で作成することができます。 設置の手順 1.ダミーページを作る 例として、実際にボタンを設置する商品一覧ページが「lineup.html」とすると、各商品ごとのダミーページを「item1.html、item2.html・・・」のように、設置したいボタンの数だけページを作成します。設置場所はどこでも構いません。 その際、ダミーページ側ではボタン
alt-scape.com
alt-scape.com 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
timbre : JavaScript Library for Objective Sound Programming
I started working on timbre.js successor, v13.xx. It's almost a full rewrite, so this project page is no longer recent working. The new project page is here: http://mohayonao.github.com/timbre.js/ CAUTION!! The new timbre.js(v13.xx) is not compatible old timbre.js(v12.xx), but you may approve the new version, because that is truly convenient and super awesome than old. See Also: Overview of what's
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
3Dでぐるぐる回るjavascript「jquery 3d rotator」
実用性はあまりないかもしれませんが、リンクが3Dで面白い動きをするjquery 3d rotatorです。 商品画像にリンクを張ることで回転式の陳列が可能になるかもしれません。 sponsors 使用方法 jquery 3d rotatorからrotator.jsをjQueryからjquery.jsをダウンロードします。 ＊配布先サイトのスクリプトでは、hrefで位置を指定しているのでリンク先にいきません。 当サイトではtitle属性に変更していますので、以下からダウンロードしてください。 rotator.js <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/rotator.js" type="text/javascript">
JavaScript でソートアルゴリズムを可視化 - bkブログ
JavaScript でソートアルゴリズムを可視化 JavaScript でソートアルゴリズムを可視化するプログラムを書いてみました。元ネタは Jon Bentley による ソートアルゴリズムを可視化する Java アプレットです。 アルゴリズム 要素数 動作確認は Firefox 2, IE 7, Opera 9 で行いました。要素数は最大で200まで選べますが、かなり重くなるので遅いマシンで実行すると危険です。 English version is also available. ソースコード: sort-animation.js 解説 X軸が配列の添え字、Y軸が配列の要素の値を示しています。最初に要素がランダムに並んでいる配列 (値に重複なし) を作って、それを各種のソートアルゴリズムでソートする様子をアニメーションで表示します。 ただし、要素のあらゆる変更に対して毎回表示を更新し
jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。 | Ginpen.com
先日jQuery 1.6がリリースされましたが、案の定.attr()関連で議論になったようで、一週間後に後方互換を保つ更新が行われました。 jQuery: » jQuery 1.6.1 Released 1.6の更新内容は先日の記事をご覧頂ければ。 jQuery1.6の更新内容をまとめたよ。 | Ginpen.com 更新内容 jQuery 1.6では.prop()メソッドの追加と.attr()メソッドの変更があり、これが「属性」と「プロパティ」の差、及び関係性についての議論を引き起こしました。結果として、1.6.1では後方互換を保つよう修正される事になりました。 つまり1.5.2から（1.6を飛ばして）1.6.1へバージョンアップする際は、.attr()関連のコードは変更が不要です。 なお.date()の方は1.6のリリースノートの通りの動作のままである事に注意してください。 前回(1.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.gingertech.net/wp-content/uploads/2011/01/LCA_MM_AVProc2011/
文字を汚ない画像にするやつ作った - hitode909の日記
Learn to Code - for Free | Codecademy
scottjehl/Respond: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
http://defunkt.io/dotjs/
FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
mobile-bookmark-bubble - Project Hosting on Google Code
Paper.js