[B! 1402][parallax] sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sometk id:sometk

1402ã¨parallaxã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

https://www.takumitaniguchi.com/tokyotowers/
sometk 2014/02/25
ã‚ˆã„

1402

design

photo

jquery

html

idea

parallax
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€:phpspoté–‹ç™ºæ—¥èªŒ
Cool Kitten: A parallax scrolling responsive framework ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¤šãã‚ã‚Šã¾ã™ãŒã€æ›´ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ©Ÿèƒ½ã‚‚ç››ã‚Šè¾¼ã¾ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚µã‚¤ãƒˆä½œã£ã¦ã¿ãŸã„ã‘ã©ã€ã‚¹ãƒžãƒ›ã§ã‚‚å‹•ã‹ã™ã®é¢å€’ã€ã¨ã„ã£ãŸå ´åˆã«ä½¿ãˆãã†ã§ã™ã€‚ å¹…ã‚’åºƒã’ãŸçŠ¶æ…‹ã€‚æ™®é€šã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãŒã‹ã‹ã‚Šã¾ã™ å¹…ã‚’ç‹ã‚ã¦ã‚‚ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœãŒå¾—ã‚‰ã‚Œã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’ä½œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦‹æœ¬ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« è¤‡æ•°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSequence.jsã€ ã“ã‚Œã¯æ–°ã—ã„å††å½¢ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹ã€ŒTiny Circles
sometk 2014/02/20
1402

framework

css

responsive

parallax

jQuery

cool
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãªã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚ã—ã‚Œãªã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
æœ€è¿‘å¤šã„ã§ã™ããƒ¼ã€1ãƒšãƒ¼ã‚¸ã§å®Œçµã™ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆã€‚One Page Loveã®ã‚µã‚¤ãƒˆãªã‚“ã‹ã‹ã‚‰ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®äº‹ä¾‹ã‚‚å¤§é‡ã«è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã—ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã‚‰ãƒ•ãƒªãƒƒãƒ—åž‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã‚‰ã€ãªã‚“ã‹è‰²ã€…å‡ºã¦ãã¦ã¦ç€ã„ã¦è¡Œãã®ãŒã‚„ã£ã¨ã§ã™â€¦ ã§ã‚‚å®Ÿéš›ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ã¤ãã‚ã†ã¨ã™ã‚‹ã¨ã€ãˆï¼Ÿä½•ã“ã‚Œã©ã†ãªã£ã¦ã‚“ã®ï¼Ÿã£ã¦ç‰©ã‚‚å¤šãã¦ãƒ“ãƒ“ã‚‹ã“ã¨ã‚‚ã—ã°ã—ã€‚ ã£ã¦ã“ã¨ã§ã€ä»Šæ—¥ã¯åƒ•ãŒçŸ¥ã£ã¦ã‚‹ä¸ã§ã€ŽãŠã€ã“ã‚Œã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ä½œã‚‹æ™‚ã«ä½¿ãˆã‚‹ã‚“ã˜ã‚ƒãï¼Ÿã€ã£ã¦ç‰©ã‚’å¹¾ã¤ã‹ã”ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã™ï¼ ä¸»ã«ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¡¨ç¾ã®å¹…ã‚’åºƒã’ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç´¹ä»‹ã«ãªã‚‹ã‹ãªã¨æ€ã„ã¾ã™ãŒã€æ¥½ã—ã„ç‰©ã‚‚å¤šã„ã®ã§ã€æ˜¯éžèˆˆå‘³ãŒã‚ã‚Œã°è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã¾ã›ã€œï¼ ãã‚Œã§ã¯ã„ã£ã¦ã¿ã¾ã—ã‚‡ãƒ¼ï¼ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã“ã®è¾ºã¯ä»¥å‰ã«ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã€ã±ã±ãƒ¼ã£ã¨è¡Œãã¾ã™ã€‚ jQuery Waypoint
sometk 2014/02/12
1402

developer

effect

demo

cool

grid

framework

jquery

parallax
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
sometk 2014/02/01
æ£ç›´äºŒåº¦ã¨ä½œã‚ŠãŸããªã„

1402

film

blog

web

parallax
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (17)

1402ã¨parallaxã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (17)

1402ã¨parallaxã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

https://www.takumitaniguchi.com/tokyotowers/

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€:phpspoté–‹ç™ºæ—¥èªŒ

Flipsblog.jp

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ­¢ã—ã¾ã™

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (17)

1402ã¨parallaxã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹