PatternsPatternsA collection of code snippets to help you optimize your web projects. Animation patternsA collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences.
texgen.js - Procedural Texture Generator
var texture = new TG.Texture( 256, 256 ) .add( new TG.XOR().tint( 1, 0.5, 0.7 ) ) .add( new TG.SinX().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .mul( new TG.SinY().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .add( new TG.SinX().frequency( 0.0065 ).tint( 0.1, 0.5, 0.2 ) ) .add( new TG.SinY().frequency( 0.0065 ).tint( 0.5, 0.5, 0.5 ) ) .add( new TG.Noise().tint( 0.1, 0.1, 0.2 ) ) .toCanvas(); document.body.
TodoMVC
Thanks for stopping by! Let's get started TodoMVC is a common set of JavaScript examples for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy, AngularJS and others. Live examples To preview a Todo implementation for a particular framework, simply select it from the menu to the right of the screen. Depending on the browser you're using, you may need to access the
10 Javascript Framework With Rich UI Component
There are many javascript framework that available to use on the internet, most of them offering a simple solution to build modern web application, but not all offering a full rich UI component. Some framework like jquery, mootools, prototype only cover the core feature like animating, effect, DOM manipulation. This rich feature whether you called it component, widget or any other, can help you to
JavaScript 1.7 の新機能 - JavaScript | MDN
JavaScript 1.7 はいくつかの新機能、特にジェネレータ (generators)、イテレータ (iterators)、配列内包 (array comprehensions)、let 式 (let expressions)、および分割代入 (destructuring assignment) を取り入れた言語アップデートです。JavaScript 1.6 のすべての機能も含まれています。 JavaScript 1.7 のサポートは Firefox 2 に導入されました。 この記事に含まれるコードの例は JavaScript シェルから実験できます。Introduction to the JavaScript shell を読み、シェルのビルド方法と使い方を学んでください。 JavaScript 1.7 を使う JavaScript 1.7 の一部の新機能を使うためには、JavaS
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
Syn の独り言 : Javascript で 自己呼び出し型のコンストラクタ - livedoor Blog（ブログ）
October 12, 201101:27 カテゴリプログラム Javascript で 自己呼び出し型のコンストラクタ ただいま、javascript の勉強中。 さて、javascript には静的なクラスの宣言は存在せず、 クラスの定義はコンストラクタの関数とその prototype だけで行う。 インスタンスを作成するときはその関数を new とともに実行するが、 new をつけ忘れると大変なことになる。 1) function Hoge() { 2) this.name = 'hoge'; 3) } 4) var hoge; 5) hoge = Hoge(); 6) alert(window.name); とかをブラウザのheadに記述すると、"hoge" という表示のアラートが発生するはずだ。 おそらく、Hoge というコンストラクタを作成した時は 3) でHoge の
Qt-Loft - [qtjs/JavaScript(v8)実行環境]
プログラミング言語Qtを利用できるJavaScript実行環境。スクリプトでGUIアプリケーション作成。・JavaScript実行環境。 ・プログラミング言語 Qt をJavaScript(Google V8 Engine)から利用可能。 ・Qtのクラス・関数をバインド済みでJavaScriptから呼び出せる。 ・JavaScriptを使い、デスクトップアプリケーションを記述・作成できる。 ・JavaScriptで記述するためコンパイルを必要とせず、即座に実行可能。 ・クロスプラットフォーム対応。(現時点では、windows/linux) ・QtライブラリLGPL版を使用し作成。 Qtとは、C++言語で書かれたオブジェクト指向のクラスライブラリです。 クロスプラットフォーム対応で、単一のソースコードから、様々なOS上で動くアプリケーションを作成できます。 実行するのに必要
JavaScript は何処へ行く? | スラド デベロッパー
JavaScript が今日最も重要なプログラミング言語の 1 つであることは、その善し悪しは別として疑いようもないだろう。各ブラウザは JavaScript エンジンのパフォーマンス向上に力を入れ、一種の競争のようなものが生まれている。そんなクライアントサイドウェブの共通言語ともいえる JavaScript にはこれからどんな未来がひらけているのだろうか? (InfoWorld の記事、本家 /. 記事より) 。 Google は「JavaScript の根本的な欠陥」を打開した新たな言語「Dart」を近々発表すると告知しており (/.J 記事) 、一方 Intel は並列処理機能を追加した「River Trail」で JavaScript の機能拡張を実現しようとしている (Publickey の記事) 。 一つ明らかなのは、JavaScript への需要は高まる一方であり、その結果こ
stockNum.App - Coming Soon
stockNum.App Something new is just around the corner 👍👍
JSLinux - Technical Notes
History This emulator has a long history. The current version is based on TinyEMU and compiled to Javascript or WASM with emscripten. In 2011 I wrote the initial version of JSLinux, the first PC/x86 emulator in Javascript running Linux. I reused parts of another of my emulators (QEMU) for the x86 helpers and the devices. After some time (2015), I modified it to use the asm.js Javascript subset so
requestAnimationFrame for smart animating - Paul Irish
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
How to Use Closure Linter - Closure Linter - Google Code
How to Use Closure Linter This document describes how to install and use Closure Linter. Install Closure Linter Use the Python easy_install utility to download and install Closure Linter. Linux To install Closure Linter on Linux, execute the following commands: $ cd /tmp /tmp$ sudo easy_install http://closure-linter.googlecode.com/files/closure_linter-latest.tar.gz Mac OS X To install Closure Lint
Google JavaScript Style Guide
Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting To Our New Page
rvl.io
Meteor
Three.dart: Three.js Dart port
http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/index.html