Google Code Archive - Long-term storage for Google Code Project Hosting.Code Archive Skip to content Google About Google Privacy Terms
uupaaã•ã‚“ã®CoffeeScript利用時ã®æ³¨æ„点
ãˆã‚“ã˜ã«ðŸˆã«ã‚ƒãƒ¼ã‚“ðŸ“ðŸ«ðŸ…🌽ðŸˆðŸ‡ðŸ¦ @uupaa CoffeeScriptやる人ã«ä¸€è¨€ã€‚jsã¯ã‚·ãƒ³ã‚°ãƒ«ã‚¹ãƒ¬ãƒƒãƒ‰ã ã‘ã©åŒ¿å関数ã§ãƒ©ãƒƒãƒ—ã™ã‚‹ã¨é–¢æ•°ã®å‡ºå£ã§ã‚¹ãƒ¬ãƒƒãƒ‰ã‚³ãƒ³ãƒ†ã‚ストã™ã‚‹å¯èƒ½æ€§ã‚ã‚‹ã‹ã‚‰ã€ä¸¦åˆ—処ç†ã«ã‚¹ãƒ¬ãƒƒãƒ‰ã‚‚ã£ã¦ã‹ã‚Œãªã„よã†ã«æ°—ã‚’ã¤ã‘ã¦ã€‚最近æŸã‚¢ãƒ¬ã§ã€Œæœã¾ã§ã«ãƒšãƒ¼ã‚¸è¡¨ç¤ºãŒä¸å®‰å®šãªã®ã‚’ç›´ã—ã¦ã€ã¨æ³£ã付ã‹ã‚ŒãŸå¥´ã¯ã¾ã•ã«ãã‚Œã ã£ãŸã‚ˆ 2011-05-06 01:12:53 ãˆã‚“ã˜ã«ðŸˆã«ã‚ƒãƒ¼ã‚“ðŸ“ðŸ«ðŸ…🌽ðŸˆðŸ‡ðŸ¦ @uupaa CoffeeScriptã¯ã†ã£ã‹ã‚ŠåŒ¿å関数ã§ãƒ©ãƒƒãƒ—ã™ã‚‹ã‹ã‚‰ã€ã€Œã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ä¾å˜ã™ã‚‹ä½œã‚Šã§ã€çŠ¶æ…‹é·ç§»ã‚’ã—ã£ã‹ã‚Šã›ãšã€æ‰‹æŠœãã—ã¦ã‚‹ã¨å…ˆã«xhrãŒçµ‚ã‚ã£ã¦ã—ã¾ã„ã€ãã“ã§å‡¦ç†ã‚‚ã£ã¦ã‹ã‚Œã¦ã€æº–å‚™ã§ãã¦ãªã„ã®ã«ãƒšãƒ¼ã‚¸è¡¨ç¤ºå‡¦ç†ãŒèµ°ã£ã¦ã€å…¨ä½“ãŒä¸å®‰å®šã«ãªã‚‹ã€ã£ã¦å¥´ã ã£ãŸ 2011-05-06 01:15:23
uu.snippetã§ã€Œã‚„ã‚Šã¾ã—ょã†ã€ã€Widgetã®ä½œã‚Šæ–¹å…¥é–€ - latest log
続ã書ãã¾ã—㟠uu.snippet 入門(2) 複数ã®éƒ¨å“を一ã¤ã®snippet ã« - latest log Widget(Web ブラウザ上ã§å‹•ä½œã™ã‚‹ UI 部å“)を作るã«ã¯ã€æ§‹é€ ã‚’ HTML ã§ã€è¦‹æ „ãˆã‚’ CSS ã§ã€ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ JavaScript ã§è¨˜è¿°ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ Widget を作る際ã®å•é¡Œã¯å¤§ãã3ã¤ã€‚ 標準的㪠JavaScript ã«ã¯ DOM æ§‹é€ ã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒ’ã‚¢ãƒ‰ã‚ュメント化ã—埋ã‚込む仕組ã¿ãŒç„¡ã„(é ‘å¼µã‚Œã°ãªã‚“ã¨ã‹ãªã‚‹ã‘ã©ã€ã‚µã‚¯ã£ã¨ã‚„ã‚Œãªã„) CSS ã«ã¯å®šæ•°ã‚„外部å‚ç…§å¯èƒ½ãªå¤‰æ•°ã®æ¦‚念ãŒæ¬ 如ã—ã¦ã„ã‚‹ ç”»åƒæ•°ã€ç”»åƒã‚µã‚¤ã‚ºã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´ã«è€ãˆã‚‹ã ã‘ã®æ§‹é€ ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒéžå¸¸ã«é›£ã—ãã€â—‹â—‹CSSãªã©ã®å¤–部ツールã«é ¼ã‚‹ã‹ã€å¦¥å”ã™ã‚‹ã‹ã€å®Ÿæ•°(マジックワード)ã¨ã—ã¦åŸ‹ã‚込むã‹ã‚’é¸æŠžã™ã‚‹ã“ã¨ã«ãªã‚‹(変数ãŒä½¿ãˆãªã„ãŸã‚ã«ç™ºç”Ÿã™ã‚‹ãƒˆãƒ©ã‚¤&エラーや悩む時間ãŒç„¡é§„ã™ãŽã‚‹)
uu.image() ã§ç”»åƒã®èªã¿è¾¼ã¿ç®¡ç† - latest log
ã¡ã‚‡ã£ã¨I/Fä¿®æ£ uupaa.js ã®å€‹ã€…ã®æ©Ÿèƒ½ã‚’ã¡ã‚‡ã£ã¨ãšã¤ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ uu.image(url:URLString/URLStringArray, callback:Function) // [1][load image] uu.image(url, function(response) { ... }) // [2][load images] uu.image([url, ...], function(response) { ... })uu.image ã¯ç”»åƒã‚’ã¾ã¨ã‚ã¦ãƒ—リãƒãƒ¼ãƒ‰ã—ã€çµ‚ã‚ã£ãŸã‚‰ãŠçŸ¥ã‚‰ã›ã—ã¦ãれる機能ã§ã™ã€‚ uu.image ã¯ã€ç¬¬ä¸€å¼•æ•° url ã§æŒ‡å®šã•ã‚ŒãŸç”»åƒã®èªã¿è¾¼ã¿ãŒå®Œäº†ã™ã‚‹ã¨ã€ç¬¬äºŒå¼•æ•° callback ã§æŒ‡å®šã•ã‚ŒãŸé–¢æ•°ã‚’ callback(images, ok) ã®å½¢ã§å‘¼ã³å‡ºã—ã¾ã™ã€‚response.rv ã«ã¯ NodeArray ãŒã€ respo
シークãƒãƒ¼ã‚’æ載ã—ãŸAudioプレイヤーã®ãƒ‡ãƒ¢ - latest log
ã“ã“一週間ã§ã‚³ãƒ„コツ改良を進ã‚ã¦ã„㟠HTML5 Forms ã® <input type="range"> 風味ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¨ã€ <audio> ã®ãƒ©ãƒƒãƒ‘ーãŒã„ã„æ„Ÿã˜ã«ãªã£ãŸã®ã§ç°¡å˜ãªãƒ‡ãƒ¢ã‚’作りã¾ã—ãŸã€‚ http://uupaa-js.googlecode.com/svn/trunk/0.8/test/core/audio/player.htm IE6+ / Firefox / Safari / Chrome / Opera / iPhone(iOS4) ã§å‹•ãã¾ã™ã€‚Android ã¯æŒã£ã¦ã„ãªã„ã®ã§è©¦ã—ã¦ã„ã¾ã›ã‚“ãŒã€å‹•ããã†ã§ã™ã€‚ ブラウザã«ã‚ˆã£ã¦ã¯ã€ãƒ‡ãƒ¼ã‚¿ã®ã‚ャッシュãŒå®Œäº†ã—ã¦ã„ãªã„ã¨ä¸Šæ‰‹ãシークã§ããªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ # mp3 ã‚„ m4aファイルを http://uupaa-js.googlecode.com/svn/trunk/ ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã™
uupaa.js 㨠jQuery を機能をä¸å¿ƒã«ã–ã£ãã‚Šã¨æ¯”較 - latest log
Classã®ç¶™æ‰¿ã«ã¤ã„ã¦ã‚µãƒ³ãƒ—ルを追記ã—ã¾ã—ãŸã€‚ jQuery ã®ç‰¹å¾´çš„ãªæ§‹æ–‡ã‚’ uupaa.js ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’追記ã—ã¾ã—ãŸã€‚ デãƒãƒƒã‚°æ”¯æ´æ©Ÿèƒ½ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 特徴 uupaa.js jQuery åˆç‰ˆ version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリã®ç›®æ¨™ WebOSã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ä¸æ˜Ž 本æ¥ã®ç”¨é€” WebOS / WebApp DOMã®æ“作ã¨ã‚µã‚¤ãƒˆã®è£…飾 使ã‚れ方 導入実績ãªã— å°ã€œä¸è¦æ¨¡ã‚µã‚¤ãƒˆ / ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆç‰ 想定ã•ã‚Œã‚‹ã‚³ã‚¢ãƒ¦ãƒ¼ã‚¶å±¤ エンジニア デザイナー / コーダー / エンジニア åå‰ç©ºé–“ uu (1ã¤) jQuery 㨠$ (2ã¤) ライブラリã«ã‚ˆã‚‹è˜åˆ¥åプリフィクスã®äºˆç´„ uu ã¾ãŸ
Flashã®ã‚ˆã†ã«æ»‘らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹ã«ã¯(uupaa.js vs jQueryデモ) - latest log
JavaScript 㧠Flash ã®ã‚ˆã†ãªæ»‘らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†ãŸã‚ã«ã¯ã€ã‚¯ãƒã‚¹ãƒ–ラウザãªçŸ¥è˜ã®ä»–ã«ã€GC(ガベージコレクション)や「ã©ã†ã™ã‚Œã°å®‰å®šã—ãŸå“質ãŒã ã›ã‚‹ã®ã‹ã€ã¨ã„ã£ãŸã‚¹ã‚ルãŒæ±‚ã‚られã¾ã™ã€‚ # GC ã®è©±ã¯ WEB+DB PRESS 57 ã§ã¡ã‚‡ã£ã¨æ›¸ã„ã¦ã¾ã™ã€‚ 派手目ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç›®çš„㧠jQuery を採用ã—ã¦ã„る方もã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€å®Ÿã¯ uupaa.js ã§ã‚‚ アニメーションや easing ãŒåˆ©ç”¨ã§ãã‚‹ã‚“ã§ã™ã€‚ã‚らã³ã£ãり。 ãŸã 「機能ãŒã‚ã‚Šã¾ã™ã‚ˆã€œã€ã ã¨ã€ã•ã¿ã—ã„ã®ã§ ã¿ã‚“ãªå¤§å¥½ã jQuery 㨠uupaa.js ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å“質ã®é•ã„ãŒåˆ†ã‹ã‚‹ã‚ˆã†ãªãƒ‡ãƒ¢ã‚’作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ iPhone/iPad ã‚„ã€IE6〜IE8㧠opacity を切り替ãˆã¦è¦‹ã‚‹ã¨ã€ãƒãƒƒã‚リã¨é•ã„ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ http://jsdo.it/uupaa/uufx
MultiTouch +SVG + DragAndDrop + Gesture - latest log
MultiTouch 㨠SVG ã§éŠã‚“ã§ã¿ã¾ã—ãŸã€‚ PCãªã‚‰ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§æ‹¡å¤§/縮å°, シフトã‚ーを押ã—ãªãŒã‚‰ãƒ›ã‚¤ãƒ¼ãƒ«ã§å›žè»¢ã€‚ iPhoneãªã‚‰ãƒ”ンãƒã§æ‹¡å¤§/縮å°ã¨å›žè»¢ã€‚ トリプルタップやトリプルクリックã§å…ƒã®ã‚µã‚¤ã‚ºã«æˆ»ã‚Šã¾ã™ã€‚ jsdo.it http://jsdo.it/uupaa/MultiTouchSVGDragDrop SVG DOM I/F 今ã®ã¨ã“ã‚ã€ã“ã‚“ãªæ„Ÿã˜ã§è€ƒãˆã¦ã¾ã™ uu.svg(x, y, width, height, { attr }, { css }) uu.svg.g(translateX, translateY, { attr }, { css }) uu.svg.rect(x, y, width, height, rx, ry, { attr }, { css }) uu.svg.circle(cx, cy, r, { attr }, { css })
ライブラリã®ä¸€éƒ¨ã§ã‚ã‚ŠãªãŒã‚‰å˜ä½“利用もå¯èƒ½ã«ã™ã‚‹å·¥å¤« - latest log
140æ–‡å—を超ãˆã¡ã‚ƒã†ã®ã§ã€ã“ã¡ã‚‰ã§ã€‚ JavaScriptãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã‚‹ã¨ã€Œã“ã®ã¸ã‚“ã®å‡¦ç†ã¯ã©ã“ã«ã‚‚ä¾å˜ã—ã¦ãªã„ã‹ã‚‰ã€ç‰¹å®šã®ãƒ©ã‚¤ãƒ–ラリã®ä¸€éƒ¨ã§ã¯ãªãã€å˜ä½“ã§ãƒãƒ¼ãƒ‰ã—ã¦ã‚‚使ãˆã‚‹ã‚ˆã†ãªéƒ¨å“ã¨ã—ã¦ã¾ã¨ã‚られãŸã‚‰ãªãã€ã¨ã‹ã€Œã§ã‚‚ã€ãƒ©ã‚¤ãƒ–ラリã®ä¸€éƒ¨ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã«ã‚°ãƒãƒ¼ãƒãƒ«ãƒãƒ¼ãƒ スペースを汚染ã™ã‚‹ã®ã¯ãƒ€ãƒ¡ã よãªãã€ã¨ã€è€ƒãˆãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? window.uu 以下をライブラリã®ãƒãƒ¼ãƒ スペースã¨ã—ã¦åˆ©ç”¨ã—ã¦ã„ã‚‹ uupaa.js ã§ã¯ã€ã“ã®ã‚ˆã†ãªå·¥å¤«ã‚’ã—ã¦ã„ã¾ã™ã€‚ // === uu.base64 / window.base64 === (function(namespace) { namespace.base64 = { encode: base64encode, // base64.encode(data:String/ByteArray, // toURLSafe64:Boole
uupaa.js 基礎知è˜ãªã‚“ã¡ã‚ƒã£ã¦ãƒžã‚¹ã‚¿ãƒ¼ - latest log
uupaa.js 0.7 ã®æ¦‚è¦ã‚’ã€1分ã§ã–ã–ーã£ã¨åˆ†ã‹ã‚‹ã‚ˆã†ã«æ›¸ãã¾ã—ãŸã€‚ ã“れ自体10分ã§æ›¸ã„ã¦ã‚‹ã®ã§ã€ãƒŽãƒ¼ãƒ—ラン・ノーãƒã‚§ãƒƒã‚¯ã§ãŠå±Šã‘ã—ã¾ã™ã€‚ uupaa.js ã®ãƒ“ルド uupaa.js ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚ã‚Šã¾ã›ã‚“。 å¿…è¦ãªæ©Ÿèƒ½ã‚’組ã¿åˆã‚ã›ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒ“ルドã—ã¦ä½œã‚Šã¾ã™ã€‚ ビルドコマンド ビルド方法を説明ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰: http://handsout.jp/slide/1909 b.php ãŒãƒ“ルドコマンドã«ãªã‚Šã¾ã™(è¦PHP)。パッケージåã®ã»ã‹ã«ã€-m -y -g -j ãªã©ã®ã‚ªãƒ—ションを指定ã§ãã¾ã™ã€‚ build/b.php パッケージå -m -m, -y, -g 㯠MS, Yahoo, Google 製ã®ã‚³ãƒ³ãƒ‘イラ㧠Minify ã—ã¾ã™ã€‚ -j ã¯ã‚³ãƒ¡ãƒ³ãƒˆã®å‰Šé™¤ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆã ã‘ã‚’è¡Œã„ã¾ã™ã€‚ ビルドã«æˆåŠŸã™ã‚‹ã¨ã€ uupaa.js 㨠build/mini.パッケージ
HTML5 Web Storage-- ãªæ©Ÿèƒ½ã‚’ uupaa.js ã«å®Ÿè£…ã—ã¦ã¿ãŸ - latest log
Cookieよりも大容é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’クライアントサイドã«ä¿å˜ã™ã‚‹ä»•æ§˜ã€‚ãれ㌠HTML5 ã® Web Storage ã§ã™ã€‚ Web Storage ã¯ã¾ã ç–定ä¸ã§ã™ã€‚ Firefox3.5+, IE8+, Safari4+, Opera10.50+ ãªã©æœ€æ–°ã®ãƒ–ラウザã§ã¯æ—¢ã«åˆ©ç”¨å¯èƒ½ã§ã™ãŒã€ã€Œä½•å¹´ã‚‚å¾…ã£ã¦ã‚‰ã‚Œãªã„ã€ä»Šã™ã使ã„ãŸã„ã€ã§ã™ã‚ˆã? ãã“ã§ã€ã‚¯ãƒã‚¹ãƒ–ラウザ㪠Web Storage 相当ã®æ©Ÿèƒ½ã‚’ uupaa.js ã«å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ # sessionStorage ã¯å®Ÿè£…ã—ã¦ã„ã¾ã›ã‚“よ デモ http://pigs.sourceforge.jp/blog/20100104/20100104_uu.storage.htm Firefox2+, Safari3.1+, IE6+, Google Chrome3+, Opera9.2+ ã§å‹•ä½œç¢ºèªã—ã¦ã¾ã™ã€‚ ストレージãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ 以
document.matchesSelector 相当ã®æ©Ÿèƒ½ã‚’実装ã—ã¦ã¿ãŸ - latest log
より効率的ãªã‚³ãƒ¼ãƒ‰ã«å·®ã—替ãˆã¾ã—㟠http://dev.w3.org/2006/webapi/selectors-api2/#matchesselector 㨠id:javascripter ã•ã‚“ã®è¨˜äº‹ Selectors APIã®matchesSelectorã¨ã€å‹•çš„ãªãƒšãƒ¼ã‚¸ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† via http://d.hatena.ne.jp/javascripter/20091018/1255889085 ã‚’å‚考㫠uu.match(expr, ctx, rtype = 0) ãªé–¢æ•°ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ // uu.match - document.matchesSelector like function function uumatch(expr, // @param String: "css > expr" ctx, // @param NodeArray/Node: matc
== ã¯ã‚„ã‚Œã°ã§ãã‚‹å(ã§ã‚‚95%ã®ã‚·ãƒ¼ãƒ³ã§ã¯ã„らãªã„å) - latest log
var ary1 = [1, 2]; var ary2 = [1, 2]; プリミティブãªå€¤(æ–‡å—列ã¨ã‹æ•°å€¤)ã ã‘ãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹2ã¤ã®é…列(ary1 㨠ary2)ã®å†…容ãŒã€åŒã˜ã‹ã©ã†ã‹ã‚’確èªã—ãŸã„å ´åˆã«â€¦ function like(ary1, ary2) { if (ary1.length !== ary2.length) { return false; } var v, i = 0, iz = ary1.length; for (; i < iz; ++i) { if (ary1[i] !== ary2[i]) { return false; } } return true; } alert(like(ary1, ary2)); // true ã¨ã‹æ›¸ã„ã¦ã¾ã›ã‚“ã‹? ã‚‚ã£ã¨çŸã… alert(ary1.join(",") === ary2.join(",")); // true ã‚‚
Ajax リクエストã®é †ç•ªã‚’ç›´æ„Ÿçš„ã«è¨˜è¿°å¯èƒ½ãª uu.ajax.queue ã‚’è¿½åŠ - latest log
uu.ajax.queue ã¯é †ç•ªã‚„å¾…ã¡åˆã‚ã›ãªã©ã®è¦å‰‡ã‚’指定ã—㟠Ajax リクエストをå¯èƒ½ã«ã—ã¾ã™ã€‚ uu.ajax.queue(cmd, [url, ...], [option, ...], [fn, ...], lastfn, ngfn) cmd ã«ã¯ "0+1+2" ã‚„ "a>b+c>d" ãªã©ã®ã‚ˆã†ãªè¦å‰‡ã‚’æ–‡å—列ã§è¨˜è¿°ã—ã¾ã™ a+b ãªã‚‰ a 㨠b ã‚’åŒæ™‚ã«èªã¿è¾¼ã¿ã¾ã™ã€‚ ブラウザ毎ã«ã€åŒæ™‚ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆå¯èƒ½ãªæ•°ã«åˆ¶é™ãŒã‚ã‚‹ã®ã§ã€åŒæ™‚ã«ãªã‚‰ãªã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ a>b ãªã‚‰ a ã‚’ãƒãƒ¼ãƒ‰å¾Œã« b ã‚’ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ a ã‚„ b ã®éƒ¨åˆ†ã«ã¯ä¸€æ–‡å—ã®è‹±æ•°å—(0-9,a-z,A-Z)を指定ã§ãã¾ã™ã€‚ ã“ã“ã§æŒ‡å®šã—㟠ID 㯠lastfn ã‚„ ngfn ã®ç¬¬ä¸€å¼•æ•°(hash.id)ã«è¨å®šã•ã‚Œã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®è¿½è·¡ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ option オプションを Hash ã§æŒ‡å®šã—ã¾ã™ã€‚çœç•¥å¯èƒ½
ストレスã®ç„¡ã„CSSアニメーションを - latest log
今日ã¯ã€CSSアニメーション機能を担当ã™ã‚‹ uu.tween.js ã®ãƒªãƒ©ã‚¤ãƒˆã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ uu.tween.js を組ã¿è¾¼ã‚€ã¨ã€CSS ã®è‰², サイズ, ä½ç½®ã‚’利用ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ã“れ自体ã¯ã‚ˆãã‚る機能ãªã®ã§ã™ãŒã€ä»–ã®ãƒ©ã‚¤ãƒ–ラリã«ãªã„特徴ã¨ã—ã¦ã€CSSプãƒãƒ‘ティ個別㫠easing 関数を割り当ã¦ã‚‰ã‚Œã¾ã™ã€‚ デモ http://pigs.sourceforge.jp/blog/20091216/ ノード3個 㨠15個版ãŒã‚ã‚Šã¾ã™ã€‚ノード数ãŒé•ã†ã ã‘ã§ä½•èº«ã¯ä¸€ç·’ã§ã™ã€‚デモã«ã‚る円弧軌é“ã¯ã€left, top ã«åˆ¥ã€…ã® easing 関数を割り当ã¦ã¦å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ easing 関数 デフォルト㮠easing関数 㯠easeInOutQuad ã§ã™ã€‚plug/easing/uup.easing.js を組ã¿è¾¼ã‚€ã¨ä»–ã®é–¢æ•°ã‚’利用ã§ãã¾ã™ã€‚ http://code
速ãã¦ã‚³ãƒ³ãƒ‘クト㪠JavaScript 用㮠sprintf ã®å®Ÿè£… - latest log
[javascript][sprintf] ã§æ¤œç´¢ã—ã¦ãŸã©ã‚Šç€ãæ–¹ãŒå¤šã„よã†ãªã®ã§ã€uupaa-0.7.js ã‹ã‚‰åˆ‡ã‚Šå‡ºã—ã¦å¼µã£ã¦ã¿ã¾ã™ã€‚ /*!{id:"uupaa.js",ver:0.7,license:"MIT",author:"uupaa.js@gmail.com"}*/ window.sprintf || (function() { var _BITS = { i: 0x8011, d: 0x8011, u: 0x8021, o: 0x8161, x: 0x8261, X: 0x9261, f: 0x92, c: 0x2800, s: 0x84 }, _PARSE = /%(?:(\d+)\$)?(#|0)?(\d+)?(?:\.(\d+))?(l)?([%iduoxXfcs])/g; window.sprintf = _sprintf; function _sprintf(fo
window.xconfig ã®ä¿®æ£ - latest log
uupaa.js 0.7 ã®ä¿®æ£å±¥æ´ã§ã™ã€‚興味ãŒãªã„æ–¹ã¯èªã¿é£›ã°ã—ã¦ãã ã•ã„。 window.xconfig を定義ã™ã‚‹ã¨å¤§ã¾ã‹ãªæŒ™å‹•ã‚’è¨å®šã§ãã‚‹ window.xconfig ã‚’ uupaa.js ãƒãƒ¼ãƒ‰å‰ã«å®šç¾©ã™ã‚‹ã¨ã€å¤§ã¾ã‹ãªæŒ™å‹•ã‚’è¨å®šã§ãã¾ã™ã€‚ ç¾åœ¨ã®ã¨ã“ã‚ã€ä»¥ä¸‹ã®è¨å®šé …ç›®ãŒã‚ã‚Šã¾ã™(変更é©ç”¨å¾Œã®ã‚‚ã®ã§ã™) <script> window.xconfig = { aria: 0, // @param Number(= 0): 1 is enable WAI-ARIA debug: 0, // @param Number(= 0): 1 is debug mode, 0 is normal mode light: 1, // @param Number(= 1): 1 is light weight mode altcss: 0, // @param Number/Function(=
uupaaã•ã‚“ã®ãƒžã‚¤ãƒšãƒ¼ã‚¸ :: handsOut.jp
09-06-17 2009/06/17(æ°´)ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ä½œæ¥ã¯çµ‚了ã„ãŸã—ã¾ã—ãŸã€‚ã”迷惑をãŠæŽ›ã‘ã—ã¾ã—ãŸã€‚ 09-06-12 急ã§ç”³ã—訳ã”ã–ã„ã¾ã›ã‚“ãŒã€2009/06/17(æ°´)㯠メンテナンス作æ¥ã®ãŸã‚ã€ä¸€æ™‚çš„ã«ã‚¢ã‚¯ã‚»ã‚¹ãŒ 出æ¥ãªã„状態ã¨ãªã‚Šã¾ã™ã€‚予ã‚ã”了承下ã•ã„。
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
{{#tags}}- {{label}}
{{/tags}}