2è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§Webサイトを高速化ã™ã‚‹InstantClick.io - atskimura-memoBefore visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§ã«ã¯200msã‹ã‚‰300msã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ãã†ã§ã™ã€‚実際ã“ã®ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨Macã®ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ッドã ã¨ã•ã‚‰ã«é…ã500msãらã„ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ InstantClick.ioã¯ãã®é–“ã«è£ã§ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã¦å‹æ‰‹ã«ãƒªãƒ³ã‚¯ã‚’pjax化ã—ã¦ã—ã¾ã†ã¨ã„ã†é«˜é€ŸåŒ–ライブラリã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã™
固定ヘッダーを簡å˜ã«å®Ÿè£…å¯èƒ½ãªJavaScript「On Scroll Header Effects〠| æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
D3.jsã‚’ã¤ã‹ã£ã¦Data-Drivenã«ãƒªãƒƒãƒãªã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’作æˆã—よㆠ- Tech-Sketch
Chart.js
様々ãªã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ„ールãƒãƒƒãƒ—を実装ã§ãるスクリプト・opentip - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}