background preloader


HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|Array HTML allows you to access document elements via their tag name. HTML.body.header; HTML.body.header.textContent = "A Better Header!" HTML.query(selector) Element|Array 0.10.0 HTML.query acts as a proxy for querySelectorAll and returns the selected element(s). HTML.query("#example"); HTML.query(".example"); HTML.query("#example").h1.em; HTML.tag....query(selector) Element|Array 0.10.0 You can, of course, use query on any "HTML-ified" element(s) to search only the children thereof. HTML.body.div.query(".example"); HTML.query(selector limit) Element|Array 0.11.0 HTML.query acts as a proxy for querySelector or querySelectorAll (as appropriate) and returns no more than the specified number of selected element(s). HTML.query("#example", 1); HTML.body.query(".example", 5); HTML.tag....each(callback(element,index,array)) Element|Array Related:  Libs

fartscroll.js Everyone farts. And now your web pages can too. Include "fartscroll.js" in your page. SHAMELESS PLUG: Want to work on technology that changes the world? Cory Gross -- How To Create Your Own Chrome Extensions I really like the Chrome browser. It wasn't until recently that I looked into creating extensions and was surprised by how simple it was. If you know basic HTML, CSS, JavaScript then you know all you need to be able to extend your Chrome browser in multitudes of ways. I decided to write up a simple guide explaining some of the basic ways you can easily extend Chrome. This is going to be a quick crash course to give you a general idea of what all you can easily do with Chrome extensions. Please let me know if you find any errors in the following. Getting Started With Extensions In order to get started creating a new extension all you need to do is create a new root directory for your extension. The Manifest Every extension must contain a file in the root directory with filename manifest.json. Google has published a list of all the fields supported in manifest version 2.. Background Pages Most extensions will have an entry in the manfiest.json which looks like the following: Event Pages

プロ部登場 - マンガで分かる JavaScriptプログラミング講座 目次 マンガ マンガ台詞 キャラクター紹介 プロ部 必修クラブ。 安見 遊(やすみ ゆう) 通称「スリーパー遊」。 楽らしいという噂を聞き、プロ部を選ぶ。 高美舎 麗(たかびしゃ れい) 通称「お嬢」。 くじ運が悪く、テニス部を狙っていたが、プロ部になってしまう。 内木 守(うちき まもる) おっとり君。 いつも遊に振り回される。 桑立 謀(くわだて はかる) 先生。 なぜか、プログラムが得意。 jStorage jStorage is a cross-browser key-value store database to store data locally in the browser - jStorage supports all major browsers, both in desktop (yes - even Internet Explorer 6) and in mobile. Additionally jStorage is library agnostic, it works well with any other JavaScript library on the same webpage, be it jQuery, Prototype, MooTools or something else. Though you still need to have either a third party library (Prototype, MooTools) or JSON2 on the page to support older IE versions. jStorage supports storing Strings, Numbers, JavaScript objects, Arrays and even native XML nodes. jStorage also supports setting TTL values for auto expiring stored keys and - best of all - notifying other tabs/windows when a key has been changed or publishing/subscribing to events from the same or another tab/window, which makes jStorage also a local PubSub platform for web applications. jStorage is pretty small, about 7kB when minified and 4kB gzipped. Donate Support jStorage development Index 1. 2. 3. 4. 5.

Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. この上なく便利!すごい「jQuery」の小技まとめ32 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Analytics/クリック数を取得・表示させる 8.郵便番号から住所を自動的に補完 9.フォーム入力の達成率をグラフで表示 10.読むのに後何分かかるか表示 11.離脱時にアラート 12.ボタンに直接ローディングアニメーション メニュー 13.ナビゲーションを最上部に固定 14.アコーディオン 15.タブメニュー 16.縦方向にスクロールするティッカー 17.上部固定メニューをクリックで開閉する ビジュアル 18.チュートリアルを作る 19.年表/横軸のタイムラインを表示する 20.地震分布図を作成 21.おしゃれグラフを表示 22.カレンダー 23.可変グリッド 画像/写真 24.写真にぼかしを入れる 25.カラー写真を白黒に 26.画像切替 27.画像ギャラリー 28.リサイズ jQuery入門・使い方jQuery入門(初心者)リファレンス(中級者)プラグイン作成 スクロール 定番だけど、必ず知っておきたい。 2.パララックス パララックス(視差効果)を取り入れる方法。 スライド 3.カルーセル マウスホイール、スワイプ設定、レスポンシブ対応、上下左右の違う画像もOK。 カルーセル・スライダーになる万能jQueryプラグイン「carouFredSel」 | スターフィールド株式会社 4.レスポンシブなスライダー これも定番。 レスポンシブなコンテンツスライダーのjQueryプラグイン-FLEXSLIDER | memocarilog 5.ヌルヌルサクサクなスライドメニュー スライドアニメーションを滑らかに動かす方法として、CSS3を使っていたという。 補助

Parallel.js Parallel Computing with Javascript Parallel.js is a tiny library for multi-core processing in Javascript. It was created to take full advantage of the ever-maturing web-workers API. Parallel.js solves that problem by giving you high level access to multicore processing using web workers. Unminified: parallel.js Minified (1490 Bytes gzipped): parallel.min.js Source: github Include parallel.js in your web projects like so: This will give you access to the global variable, Parallel. Parallel can also be included in node: $ npm install paralleljs var Parallel = require('paralleljs'); Parallel(data, opts) This is the constructor. The object returned by the Parallel constructor is meant to be chained, so you can produce a chain of operations on the provided data. Arguments data This is the data you wish to operate on. options (optional): Some options for your job evalPath (optional): This is the path to the file eval.js. Examples Let's construct an new Parallel.js job: spawn fn map A function to apply. reduce

ECMA-262 » JavaScript. The core. Read this article in: Japanese, German (version 2), Arabic, Russian, French, Chinese. This note is an overview and summary of the “ECMA-262-3 in detail” series. Every section contains references to the appropriate matching chapters so you can read them to get a deeper understanding. Intended audience: experienced programmers, professionals. We start out by considering the concept of an object, which is fundamental to ECMAScript. ECMAScript, being a highly-abstracted object-oriented language, deals with objects. An object is a collection of properties and has a single prototype object. Let’s take a basic example of an object. For the code: we have the structure with two explicit own properties and one implicit __proto__ property, which is the reference to the prototype of foo: Figure 1. What for these prototypes are needed? Prototype objects are also just simple objects and may have their own prototypes. ECMAScript has no concept of a class. Easy enough, isn’t it? Figure 2. Figure 3.