three.js - JavaScript 3D librarythree.js r167 docs examples Learn documentation examples editor gpt Community questions discord forum twitter Code github download Resources Three.js Fundamentals Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
Sortable. No jQuery.
// Simple list var list = document.getElementById("my-ui-list"); Sortable.create(list); // That's all. // Grouping var foo = document.getElementById("foo"); Sortable.create(foo, { group: "omega" }); var bar = document.getElementById("bar"); Sortable.create(bar, { group: "omega" }); // Or var container = document.getElementById("multi"); var sort = Sortable.create(container, { animation: 150, // ms
lake.js
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
é€éŽPNGや角丸ãªã©ã‚’IE6ã‚„7ã§ã‚‚実装出æ¥ã‚‹JavaScriptã®ãƒ¡ãƒ¢ - ã‹ã¡ã³ã¨.net
IE6ã®PNGé€éŽã‚„6ã€7ã§ã® 角丸ã€ãƒ‰ãƒãƒƒãƒ—シャドウを実装 ã™ã‚‹jsライブラリã®ã¾ã¨ã‚ã§ã™ã€‚ åŒã˜ç”¨é€”ã§ã‚‚ライブラリã«ã‚ˆã£ ã¦è‰¯ã—悪ã—ã ã¨æ€ã„ã¾ã™ã®ã§ã€ 備忘録的ã«ãƒ¡ãƒ¢ã€‚ ã‚‚ã†IEã¯ã„ã„よã¨ã‚‚æ€ã„ã¾ã™ãŒã€ç¾å®Ÿãã†ã‚‚è¡Œã‹ãªã„ã®ã¯ã‚‚ã©ã‹ã—ã„ã§ã™ã。万能ã§ã¯ç„¡ã„ã§ã™ã‘ã©ã€ä½œæ¥å·¥æ•°ã‚’減らã›ã‚‹ãªã‚‰jsã«é ¼ã£ã¦ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ãã†ã„ã†è¨³ã§ã€é€éŽã®å•é¡Œã‚„角丸ã€ãƒ‰ãƒãƒƒãƒ—シャドウを実装ã—ã¦ãれるjsã®ãƒ¡ãƒ¢ã€‚ IE7.js IE6以下ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTML / CSSã®è§£é‡ˆã‚’ã—ã¦ãã‚Œã¾ã™ã€‚è¦DOCTYPE 宣言。 IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.js〠DD_belatedPNG.js IE6ã§ã‚‚é€éŽPNGを実装ã§ãるライブラリ。classåç‰ã‚’指定ã—ã¾ã™ã€‚リピートã«ã‚‚対応。 IE6用é€éŽpng対応ç–ã€DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„点 åˆã‚ã›ã¦èªã¿ãŸã„：DD_be
iPhone Appã®Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションを実装ã§ãã‚‹ Swpnav.js :: 5509
Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションをWebページã«å®Ÿè£…ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚åŒã˜ã‚ˆã†ãªã®ã¯ä»–ã«ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã‘ã©ã€ã“ã‚Œã®ç‰¹å¾´ã¯å¯¾è±¡ã«å½“ãŸã£ã¦ã„ã‚‹ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨å¹²æ¸‰ã—ã«ãã„ã¨ã„ã†ã“ã¨ã§ã—ょã†ã‹ã€‚iScrollã¿ãŸã„ãªã‚¤ãƒ™ãƒ³ãƒˆã‚ャンセルãŒå¼·åŠ›ãªã‚„ã¤ã¯ã ã‚ã ã¨æ€ã„ã¾ã™ã€‚ サンプルãŒã¾ã•ã«ãã‚Œãªã‚“ã§ã™ã‘ã©ã€åŒåƒšã®@ãŒä½œã£ãŸ flipsnap.jsã¨ã¯å…±å˜ã§ãã¾ã™ã€‚レイヤー毎ã«ã‚¹ãƒ¯ã‚¤ãƒ—判定をã—ã¦ã‚‹ã®ã§ã€ä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ä¸€åº¦ã‚ャンセルã™ã‚‹ã¨ Swpnav ãŒå®Ÿè¡Œã•ã‚Œã¦ã‚‹ä¸‹ä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã¯ã‚¤ãƒ™ãƒ³ãƒˆãŒé£›ã°ãªããªã‚‹ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã“ã® Swpnav ã¨ã‹ flipsnap ã®ã‚ˆã†ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„るライブラリã¨ã¯å…±å˜ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ サンプル（Webkitã®ã¿ ホスト githubã«ã‚ã‚Šã¾ã™ 5509/Swpnav – GitHub 使ã„æ–¹ ソースコードをダウンãƒãƒ¼ãƒ‰ã—ã¦ã€ä»»æ„ã®å ´æ‰€ã« swpnav.js ã‚’ç½®ãã€
flipsnap.jsã¨ã„ã†ã®ã‚’書ã„㟠- Webtech Walker
最近タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªUIを書ã機会ãŒå¤šã„ã®ã§æ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ DEMO pxgrid/js-flipsnap - GitHub iScrollã§ã‚‚snapã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ã†ã¨åŒã˜ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ã‘ã©ã€iScrollã§ã“れをやã‚ã†ã¨ã™ã‚‹ã¨ã“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã‚‹ã¨ã“ã‚ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã‹ãªããªã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ã€ãれを解決ã—よã†ã¨æ€ã£ã¦æœ€åˆã¯iScrollã®å†…部をã„ã˜ã£ã¦ãŸã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨iScrollベースã ã¨ã©ã†ã—ã¦ã‚‚ç„¡ç†ãªã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®æ©Ÿèƒ½ã ã‘切り出ã—ã¦ã¿ãŸã¨ã„ã†ã‚ã‘。 一応Androidã§ã‚‚å‹•ã„ã¦ã‚‹ã£ã½ã„。 iScrollã¿ãŸã„ã«å¤šæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‘ã©ã¾ã‚ã“ã‚Œã ã‘使ã„ãŸã„ã£ã¦ã„ã†ã“ã¨çµæ§‹ã‚ã‚‹ã®ã§å‰²ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚TODOã¯ã¨ã‚Šã‚ãˆãšãƒ‰ã‚ュメント。 追記（2012/02/04）：クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ã¾ã—ãŸã€‚
Ajaxã®å¦ç¿’ãªã‚‰AjaxTower
ç¾åœ¨ã“ã®ã‚µã‚¤ãƒˆã¯ä¼‘æ¢ä¸ã¨ãªã£ã¦ã„ã¾ã™
「Modernizr〠モダンãªã‚¯ãƒã‚¹ãƒ–ラウザCSSã®ç‚ºã®æ”¯æ´ã‚¹ã‚¯ãƒªãƒ—ト - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ HTML5/CSS3ã§æ–°ãŸã«ä½¿ãˆã‚‹æ©Ÿèƒ½ãŒãƒ–ワッã¨å¢—ãˆãŸã‚ã‘ã§ã™ãŒã€ 新機能ã«å¯¾å¿œã—ã¦ã„る環境ã¨ã„ã†ã®ã¯ã¾ã ã¾ã ã”ãã‚ãšã‹ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã¯ã€æ©Ÿèƒ½ãŒä½¿ãˆã‚‹or使ãˆãªã„å ´åˆã«å‡¦ç†ã‚’分ã‘ãŸã‚Šã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã‚ã‘ã§ã€‚ 「Modernizrã€ã¯ã€ãれを支æ´ã—ã¦ãれるJavaScriptライブラリã§ã™ã€‚ Modernizr 「Modernizerã€ã§ã¯ãªãã€ã€ŒModernizrã€ã€‚ eãŒæ¬ ã‘ã¦ã„る点ã«æ³¨æ„。Flickrã¿ãŸã„ãªæ„Ÿã˜ã€‚ ModernizrãŒã—ã¦ãれる事ã¯ã€ãŸã 一ã¤ã®å˜ç´”ãªå‡¦ç†ã§ã™ã€‚ 閲覧ã—ã¦ã„るブラウザãŒã€æˆ–る機能ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’JavaScriptã§åˆ¤åˆ¥ã—〠ãã®çµæžœã‚’htmlè¦ç´ ã®classã¨ã„ã†å½¢ã§æ•™ãˆã¦ãã‚Œã¾ã™ã€‚ 例ãˆã°ã€box-shadowã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’知りãŸã„å ´åˆã€‚ Modernizrã‚’èªã¿è¾¼
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
cubic-bezier.com
css3-mediaqueries-js - Project Hosting on Google Code
{{#tags}}- {{label}}
{{/tags}}