ゲーム感覚ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組ã¿ç«‹ã¦ã‚‹ã€HTML5+CSS3ã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -PageBloxゲーム感覚ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組ã¿ç«‹ã¦ã‚‹ã€HTML5+CSS3ã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -PageBlox
[JS]スクãƒãƒ¼ãƒ«ã‚’楽ã—ãã™ã‚‹ãƒ‘ララックスを簡å˜ã«å®Ÿè£…ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -skrollr
jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãる超軽é‡ï¼ˆ2.2KB）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ skrollr -GitHub [ad#ad-2] skrollrã®ãƒ‡ãƒ¢ skrollrã®ä½¿ã„æ–¹ skrollrã®ãƒ‡ãƒ¢ パララックスã¯è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ードã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’èµ·ã“ã™ã‚‚ã®ã§ã€skrollrã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é‡ã«å¿œã˜ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®å„エレメントã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デモã§ã¯ãã®é¢ç™½ã„パララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã¾ã™ã€‚ デモã¯3ã¤ã‚ã‚Šã€ã¾ãšã¯skrollrãŒæ¥½ã—ã‚るメインã®ãƒ‡ãƒ¢ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ã“ã®ãƒ–ãƒã‚°ã«3Dãƒ¢ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãŸ
ã¿ãªã•ã‚“ã€2012å¹´ã®ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã¯ã€ã„ã‹ãŒãŠéŽã”ã—ã§ã—ょã†ã‹ï¼ ä¸ã«ã¯æ˜ 画を観ã«è¡Œã£ãŸã‚Šã—ã¦ã„る人もã„ã‚‹ã‹ã¨æ€ã†ã®ã§ã™ãŒã€ã‚¿ã‚¤ã‚¿ãƒ³ã®é€†è¥²ãªã‚“ã‹ã‚’例ã«ã¨ã£ã¦ã¿ã¦ã‚‚ã€æœ€è¿‘ã¯ã€Œ3D/2D åŒæ™‚公開ã€ã®æµã‚ŒãŒã‚ã‚‹ã¿ãŸã„ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ã€ã“ã®ãƒ–ãƒã‚°ã‚‚ã€ã“ã‚Œã‹ã‚‰æ›´æ–°ã™ã‚‹ã¨ã㯠2D ã ã‘ã˜ã‚ƒãªã㦠3D ã§ã‚‚楽ã—ã‚るよã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ページã®å³ã®æ–¹ã«ã‚る「3D mode!ã€ã‚’クリックã™ã‚‹ã¨ã€3D モードã§ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã¾ã™ã€‚ å…ƒãƒã‚¿ã¯ LAB! – 3D it! ã§ã™ã€‚webkitTransform 㨠MozTransform を使ã£ã¦ã„ã‚‹ã®ã§ã€WebKit 系㨠Mozilla ç³»ã§ã—ã‹å‹•ã‹ãªã„ã¨æ€ã„ã¾ã™ã€‚興味ã®ã‚ã‚‹æ–¹ã¯ã€Chrome ã‚„ Firefox ã§è©¦ã—ã¦ã¿ã¦ãã ã•ã„。
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
{{#tags}}- {{label}}
{{/tags}}