[JS]Webサイトã®ä½¿ã„ã‚„ã™ã•ãƒ»ã‹ã£ã“よã•ã‚’å‘上ã•ã›ã‚‹ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„スクリプトã®ã¾ã¨ã‚
コンテンツã®é‚ªé”ã«ãªã‚‰ãšæ“作も快é©ãªç”»åƒæ‹¡å¤§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸€æ—¦ãƒ˜ãƒƒãƒ€ãŒéš れるã‘ã©ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å‡ºç¾ã€ã‚µãƒ¼ãƒã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã«ã‚‡ã„～ん伸ã³ã¦æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã«ãªã‚‹ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティ・アクセシビリティã«é…æ…®ã•ã‚Œã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã‚„レスãƒãƒ³ã‚·ãƒ–対応ã«ã‚‚一役買ã†å„ªã‚Œã‚‚ã®ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚
![[JS]Webサイトã®ä½¿ã„ã‚„ã™ã•ãƒ»ã‹ã£ã“よã•ã‚’å‘上ã•ã›ã‚‹ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„スクリプトã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc338c3b019bd35cf84848dd648330728cc081c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082406.png)
ç°¡å˜ï¼ãƒ‘ララックスサイトã®ä½œã‚Šæ–¹ - エンジニアをリングã™ã‚‹
昨日ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’アップã—ãŸã‚‰ã€äºˆæƒ³å¤–ã«å¤šãã®åéŸ¿ã‚’é ‚ã„ã¦ã³ã£ãã‚Šã—ã¦ã„ã¾ã™ã€‚ Twitter / Search - yoshiko-pg.github.io ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ç´ ç›´ã«å¬‰ã—ã„ã§ã™ã€‚ ç´ ç›´ã«ã†ã‚Œã—ã„ã®ã§ä¾‹ã®ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã§ã‚‚書ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ 実ã¯çµæ§‹ç°¡å˜ãªä»•çµ„ã¿ã§ã™ï½— スクãƒãƒ¼ãƒ«é‡ã«å¿œã˜ã¦ç°¡å˜ã«è¦ç´ ã‚’å‹•ã‹ã›ã‚‹skrollr スクãƒãƒ¼ãƒ«ã§ã®å‹•ãã«ã¯ã“ã¡ã‚‰ã®JSライブラリを使用ã—ã¾ã—ãŸã€‚ skrollr - parallax scrolling for the masses 使ã„æ–¹ æ“作ã—ãŸã„è¦ç´ ã«data-[スクãƒãƒ¼ãƒ«é‡]ã¨ã„ã†å±žæ€§ã‚’ã¤ã‘ã¦ã€å€¤ã«å¤‰åŒ–ã•ã›ãŸã„cssを記述ã™ã‚‹ã ã‘。 <div class="box" data-0="left: 0%;" data-500="left: 100%;">test</div> <script src"./jquer
WOW.js - JavaScript/CSS3ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€£å‹•åž‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ MOONGIFT
最近Webサイトã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚Œã‚‹æ‰€ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ã‹ã¨ã„ã£ã¦ã‹ã¤ã¦ã‚ã£ãŸFlashã®ã‚ˆã†ã«ã‚¹ãƒ—ラッシュ的ãªã‚‚ã®ã§ã¯ãªãã€è¡¨ç¤ºæ§‹æˆè¦ç´ ãŒã•ã‚Šã’ãªãアニメーションã—ãªãŒã‚‰é…ç½®ã•ã‚Œã¦ã„ãã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ãã‚Œã¯CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨çµ„ã¿åˆã‚ã›ã¦å®¹æ˜“ã«å®Ÿç¾ã—ã¦ãれるã®ãŒWOW.jsã§ã™ã€‚ 何ã¯ã¨ã‚‚ã‚れ動画を見ã¦ã‚‚らã†ã®ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ 犬や猫ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚Œã¦ã„ãã¾ã™ã€‚スクãƒãƒ¼ãƒ«ã®æ„ŸçŸ¥ã¯JavaScriptã§è¡Œã£ã¦ã„ã¾ã™ãŒã€å®Ÿéš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSSアニメーションã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚ 実用的ã«ã©ã†ãªã®ã€ã¨æ€ã£ãŸã®ã§ã™ãŒä»¥ä¸‹ã®ã‚µã‚¤ãƒˆï¼ˆåˆ©ç”¨ä¾‹ï¼‰ã‚’見るã¨ã‹ãªã‚Šã„ã‘ã¦ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã•ã‚Šã’ãªã„アニメーションã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 1640 iOS7 Icons for designers & Developers | St
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}