Fork me on GitHub

2012-01-01のJS: Google Documentの仕組み、impress.js、YSlow for Command Line

Edit on GitHub 編集履歴を見る

JSer.info #50 - 今週は年末だったからか振り返り系の記事が多かったので、新しい記事は少なめ。

Google Documentの仕組みについての話(Google Documentの入力欄を僕達はまだ知らない。)Google Documentで公開されていて、どういうふうに調べていったかも書かれているので結構興味深い感じです。

impress.jsというプレゼンスライドを表示するHTML,JS,CSSなフレームワークが結構面白い感じでPrezisのようなぐりぐり動く感じのHTMLスライドが作成できます。まだオーサリングツールなどは無いので手動で配置などを考えないとダメですが、landslideのテーマの仕組みを利用してlandslide-theme / impress、自動で適当な配置をやっても面白い感じになります。

アーティクル

MSの推進するJavaScriptの方向性について翻訳記事
MS、グーグルのウェブプログラミング言語「Dart」に不支持を表明 - CNET Japanのような誇張っぽいネタの元記事を翻訳したもの。

Google Documentのエディタの仕組み
D&Dでカーソルが追ってくる仕組みについて、リッチエディタ部分の仕組みなど

ES5のbindを使って、Object.prototype.hasOwnProperty.callや slice.applyなどを適応するときに、callなどを先にbindしてthisにするオブジェクトを指定しておいて、呼び出し時にcallなどを 省略する使い方

HTML5 Boilerplateのコードリーディング

Web Inspectorの使い方紹介

スライド、動画関係

prezi.com ライクなスライドフレームワーク。CSS3のtransforms や transitionsを使って回転や3D表現などをしている

File API、Blobについてのスライド
Blob URLの作り方などについて

サービス、ツール、ソフトウェア関係

JSONなデータとMustacheなテンプレートとCSSをリアルタイムで編集してページを作成するjsFiddle的なもの。
dataURIを使ってパーマネントにページ内容をそのまま含めたものが取得できる

YSlowのコマンドライン版
Har形式に対応してる

ライブラリ関係

要素やポイントに対してズームを行う事ができるJavaScriptライブラリ

URL文字列をメソッドチェーンで操作するJavaScriptライブラリ
クエリの追加や削除、相対パス<->絶対パス、ノーマライズなどができる

Page Visibility APIのラッパーライブラリ
focus/blurを使ったfallback実装も同梱されている

jQueryのメソッドをデバッグtraceを仕込んだものと置き換えて、メソッドを呼び出す度に選択してる要素などをコンソールに出力するデバッグ用プラグイン

Twitter BootstrapのjQuery UI widgets版

サイドにページナビゲーションを表示するjQUeryプラグイン。
目次のラベルを表示してそこへのジャンプする感じ

この記事へ修正リクエストをする
記事を紹介する