Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.jsã€:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.js〠d3.jsã¨ã„ã†ä»¥å‰ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ラリをベースã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã¿ãŸã„。 グラフæç”»ã®ãƒ©ã‚¤ãƒ–ラリã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã§æç”»ã™ã‚‹ã‚°ãƒ©ãƒ•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ã マウスã¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•å®Ÿè£…ãŒå¯èƒ½ã§æ‹¡å¼µã‚‚容易ã¿ãŸã„ サンプルページã«ã¯ã‚½ãƒ¼ã‚¹ãŒã¤ã„ã¦ã„ã‚‹ã®ã§å‚考ã«çµ„ã‚ã°æŠµæŠ—ãªãグラフãŒæã‘ãã†ã§ã™ 関連エントリ 見ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æ画用jQueryプラグイン「Morris.js〠HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2〠様々ãªæ™‚系列グラフをæç”»ã§ãã‚‹JavaScriptライブラリ「Rickshaw〠クールãªãƒ‰ã‚¢ãƒŽãƒ–風ã®ï¼…グラフをæç”»ã§ãã‚‹jQuery Knob
dateformat.js - 日付フォーマット変æ›ãƒ©ã‚¤ãƒ–ラリ
指定ã—ãŸãƒ‘ターンã«ã‚ˆã‚‹Date->Stringã€String->Dateã®å¤‰æ›ã‚’è¡Œã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ ソース Ver 1.1 : 2008/04/02 dateformat.js サンプル 「パターンã€ã‚’入力ã—ã€ã€Œãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€ãƒœã‚¿ãƒ³ã‚’押下ã™ã‚‹ã¨ã€ç¾åœ¨æ™‚刻を指定パターンã«ã‚ˆã‚‹æ–‡å—列ã«å¤‰æ›ã—ã¾ã™ã€‚ 「パースã€ãƒœã‚¿ãƒ³ã‚’押下ã™ã‚‹ã¨ã€ã€Œæ–‡å—列ã€ã‚’「パターンã€ã«æ²¿ã£ã¦ãƒ‘ースã—ã€Dateオブジェクトã«å¤‰æ›ã—ã¾ã™ã€‚ 使ã„æ–¹ 本ライブラリをèªã¿è¾¼ã‚“ã 状態ã§ã€ãƒ‘ターンを指定ã—ã¦DateFormatクラスを生æˆã—ã€format(Date->String)/parse(String->Date)関数ã«ã‚ˆã‚Šå¤‰æ›ã‚’è¡Œã„ã¾ã™ã€‚ var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new Date
HTML5演出ã«æœ€é©ãªè¤‡æ•°ç”»åƒèªã¿è¾¼ã¿ç®¡ç†ã®JSライブラリ「LoadManager.js〠| ClockMaker Blog
HTMLã§è¤‡æ•°ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ãã€HTMLã®imgã‚¿ã‚°ã ã‘ã ã¨ä¸æ°å¥½ã¨ãªã‚ŠãŒã¡ã§ã™ãŒã€èªã¿è¾¼ã¿ã‚’管ç†ã™ã‚Œã°è¦‹æ „ãˆã‚‚æ•´ã„ã¾ã™ã¨ã„ã†ãƒ‡ãƒ¢ã¨JSライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚次ã®2ã¤ã®ãƒ‡ãƒ¢ã‚’見比ã¹ã¦ä½•ãŒé•ã†ã®ã‹ç¢ºèªãã ã•ã„。 デモ (通常ã®imgã‚¿ã‚°) デモ (LoadManager.jsを使用) デモã®é•ã„ã¨ã¯ å‰è€…ã¯ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«èªã¿è¾¼ã¾ã‚Œã€å¾Œè€…ã¯èªã¿è¾¼ã¿çµ‚ã‚ã‚‹ã¾ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡¨ç¤ºã•ã‚Œèªã¿è¾¼ã¾ã‚ŒãŸã‚‚ã®ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â–¼å‰è€…ã®ãƒ‡ãƒ¢ ▼後者ã®ãƒ‡ãƒ¢ 後者ã®ãƒ‡ãƒ¢ã«ã¯ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ‘ーセンテージ表示も付ã„ã¦ã„ã¾ã™ã€‚èªã¿è¾¼ã¿ãŒä½•%ã¾ã§é”ã—ã¦ã„ã‚‹ã‹ã‚’確èªã§ãã‚‹ã®ã‚‚ã€å¾Œè¿°ã®JSライブラリã®ãƒ¡ãƒªãƒƒãƒˆã§ã™ã€‚ HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ•ãƒ«Flashçš„ãªã‚µã‚¤ãƒˆã‚’見ãŸã¨ãã«imgã‚¿ã‚°ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã§ã¦ãã‚‹ã“ã¨ãŒå¤šãã¦ã€ã„ã¤ã‚‚微妙ãªæ€ã„ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚Flas
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://daily.d3js.info/?p=296
{{#tags}}- {{label}}
{{/tags}}