[B! effect] koda3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

koda3 id:koda3

effectã«é–¢ã™ã‚‹koda3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã‚¢ãƒ—ãƒªã£ã½ãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€ŒjQuery.smoothState.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Home - jQuery.smoothState.js ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã‚¢ãƒ—ãƒªã£ã½ãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€ŒjQuery.smoothState.jsã€ WEBãƒšãƒ¼ã‚¸ã¨ã„ã†ã¨ç”»é¢é·ç§»ã§ä¸€æ—¦ç”»é¢ãŒã‚¯ãƒªã‚¢ã•ã‚Œã¦å†æç”»ã•ã‚Œã‚‹ãŸã‚ã€ã‚¢ãƒ—ãƒªã£ã½ã„ä½“é¨“ã«ã™ã‚‹ã“ã¨ã¯é€šå¸¸é›£ã—ã„ã§ã™ãŒã€ã“ã¡ã‚‰ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã‚ˆã‚Šã‚¢ãƒ—ãƒªã£ã½ã„WEBãƒšãƒ¼ã‚¸ä½œã‚ŠãŒå‡ºæ¥ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸é·ç§»å¾Œã¯URLã‚‚a.htmlâ†’b.htmlã®ã‚ˆã†ã«å¤‰ã‚ã‚‹ãŸã‚ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚„SEOçš„ã«ã‚‚å•é¡Œã®ãªã„WEBãƒšãƒ¼ã‚¸ä½œã‚Šã«å½¹ç«‹ã¦ã‚‰ã‚Œã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒšãƒ¼ã‚¸é·ç§»ã‚’æ„è˜ã•ã›ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆåŠ¹æžœå®Ÿè£… ãƒ¢ãƒ€ãƒ³ã§ã‹ã£ã“ã„ã„ãƒšãƒ¼ã‚¸é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ³ãƒ—ãƒ«
koda3 2016/04/20
jquery

effect

web
ãƒªãƒ³ã‚¯
jQueryã¨CSSã®transitionã§å¯è¦–ç¯„å›²ã«å…¥ã£ã¦ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•
å¯è¦–ç¯„å›²ã«ãªã£ã¦ã‹ã‚‰è¡¨ç¤ºã•ã‚ŒãŸã‚Šå‹•ã„ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚å‹•ãã‚’ã¤ã‘ã¦ç›®ã‚’å¼•ãã“ã¨ã§ã€åŠ¹æžœçš„ã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»¥å‰ã€ã€ŒjQueryã‚’ä½¿ã£ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸã¨ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã¿ã‚‹ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ã§åŒã˜ã‚ˆã†ãªã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒæ°—ã«å…¥ã£ã¦ã„ãªã„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒ1åº¦ãã‚Šã¨ã„ã†ã“ã¨ã§ä½œã‚Šå¤‰ãˆã¾ã—ãŸã€‚ ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒ†ã‚ã‚¹ãƒˆãŒé †ç•ªã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ç”»é¢ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¨ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ãã«ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥å‰ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ã©ã†ãžã€‚ ç”»é¢ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦é«˜ã•ã‚’æŒ‡å®šã™ã‚‹3ã¤ã®æ–¹æ³•ï½œWebpark jQueryã§ä½œã‚‹ã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§æ¶ˆãˆã¦ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç¾ã‚Œã‚‹å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebpark ã¨ã„
koda3 2015/10/27
jquery

effect

animation
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªè¦‹ã›æ–¹ã‚„å‹•ãã‚’å®Ÿè£…ã—ãŸã„æ™‚ã«ä½¿ãˆãã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ 10 - NxWorld
ä»–ã§ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ã‚‹ã“ã¨ã®ãªã„ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªè¦‹ã›æ–¹ã‚„å‹•ãã‚’å®Ÿè£…ã—ãŸã„ã¨ãã€éŠã³å¿ƒã‚ã‚‹ã‚¤ãƒ¼ã‚¹ã‚¿ãƒ¼ã‚¨ãƒƒã‚°ã‚’ä»•è¾¼ã‚“ã§ãŠããŸã„ã¨ããªã©ã«å€‹äººçš„ã«ä½¿ãˆãã†ã ãªã¨æ€ã£ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦ã¯å®Ÿè£…ã§ããªã„ã‚‚ã®ã‚‚å¹¾ã¤ã‹ã‚ã‚‹ã®ã§ãã®ç‚¹ã¯æ³¨æ„ãŒå¿…è¦ã§ã™ãŒã€ã„ãšã‚Œã‚‚ãã“ã¾ã§é›£ã—ã„è¨˜è¿°ãªã©ã‚‚ãªãå®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ çª“ã«æ°´æ»´ãŒã¤ã„ã¦ã„ãæ§˜åã‚’è¡¨ç¾ã§ãã‚‹ã€Œrainyday.jsã€ ã¨ã«ã‹ãå®Ÿéš›ã«å‹•ã„ã¦ã„ã‚‹ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã»ã—ã„ã®ã§ã™ãŒã€é›¨ãŒé™ã£ã¦çª“ã«æ°´æ»´ãŒå¾ã€…ã«ã¤ã„ã¦ã„ãæ§˜åã‚’ãƒªã‚¢ãƒ«ã«è¡¨ç¾ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ æ°´æ»´ã®ã‚µã‚¤ã‚ºã‚„ã¤ã„ã¦ã„ãã‚¹ãƒ”ãƒ¼ãƒ‰ã€ã¼ã‹ã—ã‚„ä¸é€æ˜Žåº¦å…·åˆã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æ°´é¢ã«æ»´ãŒè½ã¡ã¦ã„ã‚‹ã‚ˆã†ãªæ„Ÿã˜ã‚’è¡¨ç¾ã§ãã‚‹ã€ŒRaindrops.jsã€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®åŒºåˆ‡ã‚Šãªã©ã‚’æ°´é¢ã«è¦‹ç«‹ã¦ã€ãã“ã«æ»´ãŒè½ã¡ã¦ããŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—
koda3 2015/08/21
effect

javascript

design
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚‚ã£ã¨é…åŠ›çš„ã«æ¼”å‡ºã§ãã‚‹ãƒ•ãƒªãƒ¼ç´ æãŒé›†ã¾ã£ãŸã€Œ50+ incredible freebies for web designers, April 2015ã€
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚‚ã£ã¨é…åŠ›çš„ã«æ¼”å‡ºã§ãã‚‹ãƒ•ãƒªãƒ¼ç´ æãŒé›†ã¾ã£ãŸã€Œ50+ incredible freebies for web designers, April 2015ã€ ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ã¯ã•ã¾ã–ã¾ãªç´ æãŒå¿…è¦ã§ã‚ã‚Šã€ã‚³ã‚¹ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’è‰¯ãã™ã‚‹ãŸã‚ã«ãƒ•ãƒªãƒ¼ã§é…å¸ƒã•ã‚Œã¦ã„ã‚‹ç´ æã‚’æŽ¢ã™ã“ã¨ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚‚ã£ã¨é…åŠ›çš„ã«æ¼”å‡ºã§ãã‚‹ãƒ•ãƒªãƒ¼ç´ æãŒé›†ã¾ã£ãŸã€Œ50+ incredible freebies for web designers, April 2015ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ FREE Adorable Flat Workspace on Behance ã„ã‚ã„ã‚ãªã‚¿ã‚¤ãƒ—ã®ç´ æãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€ãŠæ°—ã«å…¥ã‚Šã®ç´ æã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ Trekking Store â€“ PSD template â€“ Freebiesbug ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ã‚¤ã‚¹ãƒˆã®ã€ã‚¹
koda3 2015/05/04
effect

design
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®Webãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã€Žã•ã¾ã–ã¾ãªé…ã›æ–¹ã€ã‚’å®Ÿè£…ã™ã‚‹CSSã‚„JavaScriptã®æœ€æ–°ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚
æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã•ã¾ã–ã¾ãªã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ã›æ–¹ã‚’å®Ÿè£…ã™ã‚‹CSSã‚„JavaScriptã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’CodyHouseã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚Œãžã‚Œãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Fixed Background Effect ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼šChrome, Safari, Firefox, Opera, IE9+ sectionã‚„divã‚’åž‚ç›´ã«é…ç½®ã—ãŸç¸¦é•·ãƒšãƒ¼ã‚¸ã§ã€èƒŒæ™¯ã‚’å›ºå®šã—ã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚«ãƒ¼ãƒ†ãƒ³ã‚’å¼•ãä¸Šã’ã‚‹ã‚ˆã†ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
koda3 2015/04/06
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŠŠæ¡ã™ã‚‹ã®ãŒå¤§å¤‰

design

effect
ãƒªãƒ³ã‚¯
How to Create (Animated) Text Fills | Codrops
A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG. I like to think that the future is already here. We have already so many exciting possibilities in CSS and SVG that some time ago we could only dream about. For example, we now have many possible ways to create text with an animated fill! About a year ago the article
koda3 2015/02/19
effect

design
ãƒªãƒ³ã‚¯
1