uu.snippetで「やりましょう」、Widgetの作り方入門 - latest log

続き書きました uu.snippet 入門(2) 複数の部品を一つのsnippet に - latest log Widget(Web ブラウザ上で動作する UI 部品)を作るには、構造を HTML で、見栄えを CSS で、アクションを JavaScript で記述することになります。 Widget を作る際の問題は大きく3つ。 標準的な JavaScript には DOM 構造やスタイルをヒアドキュメント化し埋め込む仕組みが無い(頑張ればなんとかなるけど、サクっとやれない) CSS には定数や外部参照可能な変数の概念が欠如している 画像数、画像サイズ、レイアウト変更に耐えるだけの構造を持たせることが非常に難しく、○○CSSなどの外部ツールに頼るか、妥協するか、実数(マジックワード)として埋め込むかを選択することになる(変数が使えないために発生するトライ&エラーや悩む時間が無駄すぎる)

[grover]

sliderメニューの改造

[teppeis]

ヒアドキュメント

[Cherenkov]

E4X ヒアドキュメント

[hisasann]

「ヒアドキュメント, <> 〜 </> までをHTMLフラグメントとして認識。」

[d14a]

すごい

[monjudoh]

Widgetを、JavaScriptのコード+CSS&HTML片のtemplateを合わせた1ファイルのコードブロックとして定義できるようにし、ページからは流しこむ値を渡してやればよい。外部ファイルの場合はXHRで取ってきてるのか。

[kkeisuke]

スライドを作ったりも簡単

[Yuichirou]

uu.snippet 神じゃん

[efcl]

JavaScriptでヒアドキュメント、計算可能なCSS