CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ç”»åƒã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
SoundManager 2: Javascript Sound For The Web - Schillmania.com
soundManager.play('helloWorld','/hello-world.mp3'); Sometimes, necessity is the mother of invention. Or in this case, procrastination. I've been working on a DJ/production/music-related site (still not live at time of writing despite the domain being a year old,) and rather than launch a somewhat-finished design, figured I should have an inline MP3 player to allow people to browse the site while l
忘れã¦ã¯ã„ã‘ãªã„超絶JavaScriptライブラリ「BlueShoes:JavaScript Collectionã€:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れã¦ã¯ã„ã‘ãªã„超絶JavaScriptライブラリ「BlueShoes:JavaScript Collectionã€ã€‚ æ—¢ã«ç´¹ä»‹ã—ãŸã¨æ€ã£ã¦ã„ãŸJavaScriptライブラリã§ã‚ã‚‹BlueShoesã®ç´¹ä»‹ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã‚‰ãªã„人も多ã„よã†ã§ã™ã。 ライブラリã€ã¨ã„ã†ã‚ˆã‚Šã€ãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã¨ã„ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€æ¬¡ã®ã‚ˆã†ãªæ§˜ã€…ãªã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒä½¿ãˆã¾ã™ã€‚ WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントãƒãƒ¼ãƒ« ä»–ã«ã‚‚下記ã®æ§˜ã€…ãªãƒªãƒƒãƒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä½¿ãˆã¾ã™ã€‚ 入力系コンãƒãƒ¼ãƒ
ウィンドウサイズã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’調整ã™ã‚‹JavaScriptライブラリ「Dynamiclayout.jsã€:phpspot開発日誌
ウィンドウサイズã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’調整ã™ã‚‹JavaScriptライブラリ「Dynamiclayout.js〠2006å¹´12月27æ—¥- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’調整ã™ã‚‹JavaScriptライブラリ「Dynamiclayout.jsã€ã€‚ èªã¿è¾¼ã‚“ã§ãŠãã ã‘ã§ã€750px以下ã€750px以上/950px以下ã€950px以上ã®ï¼“ã¤ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«å¿œã˜ã¦è‡ªå‹•ã§CSSを切り替ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ JavaScriptã®çŸ¥è˜ãŒä¸€åˆ‡ãªãã¨ã‚‚ã€åˆ©ç”¨è€…ã®ç«¯æœ«ã«åˆã‚ã›ã¦ã€æœ€é©ãªUIã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒã§ãã€ãªã‹ãªã‹é¢ç™½ã„＆便利。 アイデア次第ã§å‡„ã優れãŸWEBサイトã«ãªã‚Šãã†ãªæ„Ÿã˜ã§ã™ã。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ Ajaxã§SS
dhtmlgoodies.com
Demos Main demo(Pane splitter). From the menu of this widget, you will find links to documentation and other demos. This widget has been created from scratch per request from users. The idea(not code) is based on concepts by Jack Slocum's yui-ext. Other pane splitter demos: Gray theme, Light cyan theme and Zune theme. DHTML form validator and Ajax form submit. Color widgets Window widget - Windows
JavaScriptを使ã£ãŸå„種WYSIWYGライブラリã¾ã¨ã‚:phpspot開発日誌
JavaScriptを使ã£ãŸå„種WYSIWYGライブラリã¾ã¨ã‚。 ã“ã†ã„ã£ãŸä»•çµ„ã¿ã‚‚今ã§ã¯çœŸæ–°ã—ã„ã‚‚ã®ã§ã¯ãªããªã‚Šã¾ã—ãŸãŒã€ãã‚Œãžã‚Œç‰¹å¾´ãŒã‚ã£ã¦å¾®å¦™ã«ä½¿ã„ã©ã“ã‚ãŒé•ã†å ´åˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã¾ã¨ã‚。 Yahoo UI Library ベースã®WYSIWYG prototype.jsã§ã‚¯ãƒã‚¹ãƒ–ラウザãªWYSIWIGエディタ FCKEditor TinyMCE ３年程å‰ã§ã¯ã“ã†ã„ã£ãŸæ©Ÿèƒ½ã¯HTMLã ã‘ã§ã¯ä¸å¯èƒ½ã ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ä»Šã§ã¯å½“ãŸã‚Šå‰ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã。 個人的ã«ã¯ã€Ajaxãらã„ç´ æ™´ã‚‰ã—ã„JavaScriptを使ã£ãŸæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚技術ã®é€²åŒ–ã£ã¦ç´ 晴らã—ã„ã§ã™ã。
ikiwiki MOONGIFT
é™çš„/å‹•çš„ã®é¸æŠžã§ãã‚‹Wiki å‹•çš„ã ã‘ã§ã¯è² è·ãŒé«˜ãã€é™çš„ã ã‘ã§ã¯æŸ”軟性ã«æ¬ ã‘る。両方ã®ç‰¹å¾´ã‚’æŒã£ãŸWikiエンジンã§ã™ã€‚ é™çš„/å‹•çš„ã®é¸æŠžã§ãã‚‹Wiki Wikiエンジンã¨è¨€ã†ã¨ã€å¸¸ã«å‹•çš„ã«ãƒšãƒ¼ã‚¸ã‚’生æˆã—ã¦ã„ã‚‹ã®ã§å‹•ä½œãŒé‡ãŸã„ã¨è¨€ã†å°è±¡ãŒã‚る。ã¾ãŸã€å‹•çš„生æˆã®å ´åˆã¯ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒŸã‚¹ãªã©ã§ãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆå¤±ã™ã‚‹å¯èƒ½æ€§ã‚‚ã‚る。全ã¦ã«å•é¡Œã‚’ãªããã†ã¨æ€ã£ãŸã‚‰ã€é™çš„生æˆãŒãƒ™ã‚¹ãƒˆã 。 ã¨ã¯è¨€ãˆå‹•çš„生æˆã®é“ã‚’ãªãã—ã¦ã—ã¾ã†ã®ã‚‚勿体無ã„。ãã‚Œãžã‚Œã®ãƒ‹ãƒ¼ã‚ºã«åˆã‚ã›ã‚‰ã‚Œã‚‹ã®ãŒikiwikiã 。 ikiwikiã¯Perlã§ä½œã‚‰ã‚ŒãŸã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã§ã€MarkDownを記法ã¨æŽ¡ç”¨ã—ã¦ã„る。テã‚ストエディタãªã©ã§è¨˜è¿°å¾Œã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§å®Ÿè¡Œã™ã‚‹ã¨HTMLファイルを生æˆã—ã¦ãれる。 ã¾ãŸã€CGIモードもã‚ã‚Šã€Webベースã§ç·¨é›†ã‚„ãƒšãƒ¼ã‚¸è¿½åŠ ã‚’è¡Œã†ã“ã¨ã‚‚ã§ãる。更ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚’Subversionを使ã£ã¦
Real-Time 3D in Javascript - Useless Pickles
This is demonstration of rendering arbitrary triangles (relatively fast) with javascript/DOM/css (no images, flash, canvas tags or java applets). This is known so far to work in IE6 (with some hacks to render transparent borders) and IE7, as well as the latest versions of Firefox, Opera and Safari. This was hacked together in 2 evenings, so there are some glitches and the code is not great; it's j
Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†:phpspot開発日誌
yui-ext Documentation Center Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã€‚ 拡張コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’使ã£ã¦ä½œã£ãŸã‚‚ã®ãƒªã‚¹ãƒˆã‚’以下ã«åˆ—挙。 Livedoor Reader ã®ã‚ˆã†ãªã™ã”ã„RSSリーダー ãã®å ´ã§ç·¨é›†å¯èƒ½ãªä½¿ã„ã‚„ã™ãã€ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ タブコントãƒãƒ¼ãƒ« プãƒãƒ‘ティ編集ボックス å‚考ã«ã™ã‚Œã°ã€ãªã‹ãªã‹å‡„ã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“:-) ドã‚ュメントも充実ã—ã¦ã„ã¦ã€æ¬¡ã®ã‚ˆã†ã«ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©å½¢å¼ã§è¦‹ã‚„ã™ã„ã§ã™ã€‚ 関連サイト prototype.jsリファレンス script.aculo.usリファレンス
Ajaxエフェクト
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajax関連ライブラリç‰ã§åˆ©ç”¨ã§ãるエフェクトã«é–¢ã—ã¦ã®ç”¨ä¾‹ã‚’掲載ã—ã¦ã„ã¾ã™ã€‚ã“れらã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯éžåŒæœŸé€šä¿¡ã‚’è¡Œã‚ãªãã¦ã‚‚利用ã§ãã‚‹ãŸã‚ã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã§ã‚‚効果的ã«åˆ©ç”¨ã§ãã¾ã™ã€‚Ajax一般ã«é–¢ã—ã¦ã¯Ajax勉強用サンプル&解説をå‚ç…§ã—ã¦ãã ã•ã„。 ミスや間é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚
Shibuya.JS Technical Talk #2 - pur*log
Tag: event, javascript, Shibuya.JS 2006å¹´ 6月30æ—¥(金)ã« Shibuya.JS Technical Talk #2 ã¸å‚åŠ ã—ã¾ã—ãŸã€‚ JavaScript ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã™ã‚‹äººã«ã‚‚デザインをã™ã‚‹äººã«ã‚‚触れる機会ã®ã‚る言語ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ä»–ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼ˆã¾ãŸã€ãã®è¨€èªžã«ã‚ˆã£ã¦å½¢æˆã•ã‚Œã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ï¼‰ã¨ã¯ç•°è‰²ã®é›°å›²æ°—ã‚‚æ„Ÿã˜ã¦ã„ã¦ã¨ã¦ã‚‚興味ãŒã‚ã‚Šã¾ã—ãŸã€‚ JavaScript ã¯ã€Web ã®ã€Œã‚ã¡ã‚‰å´ã€ã¨ã€Œã“ã¡ã‚‰å´ã€ã¨ã‚’å–ã‚Šçµã¶ã€ã‚‚ã£ã¨ã‚‚å¤ãã¦ã‚‚ã£ã¨ã‚‚æ–°ã—ã„ã€ãã—ã¦ã€ã‚‚ã£ã¨ã‚‚é‡è¦ãªæŠ€è¡“ã 。次㮠10 年を自らã®æ‰‹ã§å‰µã‚Šå‡ºã™ãŸã‚ã«ã€æˆ‘々㯠Shibuya.js ã‚’çµæˆã—ãŸã€‚ Rediscover the JavaScript JavaScript ã«ã‚¹ãƒãƒƒãƒˆã‚’ã‚ã¦ã¦ã„ã‚‹ã“ã†ã„ã£ãŸè¶£æ—¨ã«ã‚‚共感ã—ã¦ã„ã¦ã€ç¬¬ä¸€å›žã‹ã‚‰æ³¨ç›®ã—ã¦ã„ã¾ã—ãŸãŒã€å¤§äººæ°—ã®
r.schuil - Ajax.RssReader
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
次世代 JavaScript ライブラリを作りã¾ã—㟠- 2nd life (移転ã—ã¾ã—ãŸ)
先日 Scriptaculous 1.6.0 ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã。Web2.0 全盛ã®ä»Šã€Scriptaculous ã¯ç„¡ãã¦ã¯ãªã‚‰ãªã„å¿…é ˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€ã¤ã¨ãªã‚Šã¾ã—ãŸã€‚ 2000å¹´å‰å¾Œã€DHTML ã¨äº‘ã‚れる技術を駆使ã—ãŸè¦–è¦šåŠ¹æžœã‚’é »ç¹ã«ä½¿ã£ãŸ Web ページをよã見るよã†ã«ãªã‚Šã¾ã—ãŸã€‚当時ã¯ã‚ャズムを飛ã³è¶Šãˆã¦ã€ã‚¢ãƒ¼ãƒªãƒ¼ãƒžã‚¸ãƒ§ãƒªãƒ†ã‚£ã¾ã§åºƒã使ã‚ã‚Œã¦ã„ãŸã¨äº‘ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã§ã—ょã†ã€‚Web 2.0 ã¯ã¾ã ã¾ã ã‚ャズムを飛ã³è¶Šãˆã¦ãŸã¨ã¯äº‘ãˆã¾ã›ã‚“。ãã“ã§ã‚¢ãƒ¼ãƒªãƒ¼ãƒžã‚¸ãƒ§ãƒªãƒ†ã‚£å±¤ã«ã‚‚広ã使ã‚れるよã†ã«ãªã‚‹ã®ã«è²¢çŒ®ã—よã†ã¨ã—ã¦ã„ã‚‹ã®ãŒå®Ÿã¯ Scriptaculous ãªã®ã§ã™ã€‚ä»¥å‰ Ruby on Rails ã®ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã§ã¯Scriptaculous 㯠Web 2.0 ãªã©ã§ã¯ãªã„ï¼Blink, Marquee 2.0ã ï¼(æ„訳)ã€ã¤ã¾ã‚Š Scriptaculous 㯠Web 2.
高度㪠JavaScript 技集
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com 㯠GMOインターãƒãƒƒãƒˆ(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…シェアNo.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“スã§ã™ã€‚
アップãƒãƒ¼ãƒ‰ã®é€²æ—を表示ã—ã¤ã¤ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップãƒãƒ¼ãƒ‰ã®é€²æ—を表示ã—ã¤ã¤ã‚¢
hori-uchi.com: _blankを使ã‚ãªã„ã§åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã«ã¯re
ã¯ã¦ãªãƒ–ックマークをã¿ã¦ã„ãŸã‚‰ã€æ°—ã«ãªã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’発見。 [戯] target="_blank" を使ã‚ãªã„ã§æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ã‚’é–‹ã方法 target="_blank"ã¨ã„ã†æ›¸ãæ–¹ãŒXHTML 1.1 ã‚„ XHTML Basicã«æº–æ‹ ã—ã¦ã„ãªã„ã®ã§ã€ã“れらã«æº–æ‹ ã™ã‚‹ã‚ˆã†ã«ã—ã¤ã¤ã€åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ãã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã‹ã¨ã„ã†è©±ã§ã™ã€‚ 別ウィンドウã§é–‹ãã«ã¯JavaScriptを使ãˆã£ã¦ã®ãŒæŽ¨å¥¨ã•ã‚Œã‚‹æ–¹æ³•ãªã‚“ã§ã™ãŒã€onclickを使ã£ã¦å®šç¾©ã™ã‚‹ã®ã¯ã‚ã‚“ã©ã†ã¨ã„ã†ã“ã¨ã§ã€ã“ã®è¨˜äº‹ã§ã¯ã€aã‚¿ã‚°ã«class="popup"ã¨ã„ã†å±žæ€§ã‚’与ãˆã¦ãŠã‘ã°ã€JavaScriptã§åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã¨ã„ã†ã“ã¨ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ä»¶ã«ã¤ã„ã¦ã¯å‹äººã®HTMLã€CSSマスターãªkawachiå›ã¨è©±ã—ãŸã“ã¨ãŒã‚ã£ã¦ã€ãã®ã¨ãã¯ã€ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹rel="external"ã¨ã„ã†æ–¹æ³•ã‚’使ã†ã®ãŒã„ã„
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
SimpleJS
Edit area
{{#tags}}- {{label}}
{{/tags}}