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

sometk id:sometk

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

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

ç„¡æ–™ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆ
htmlå…¥é–€ åˆå¿ƒè€…ã®ãŸã‚ã®htmlå…¥é–€è¬›åº§ html4ã®åŸºæœ¬ã¨ä½¿ã„æ–¹ htmlå…¥é–€ã€html4.01ã®ä»•æ§˜ã«æ²¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã‚¿ã‚°ã®æ›¸ãæ–¹ã€ã‚¿ã‚°è¾žæ›¸ HTMLåŸºæœ¬ã‚¿ã‚° htmlè¦ç´ æ–‡ç« ãŒHTMLã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™ headè¦ç´ HTMLã®åŸºæœ¬æƒ…å ±ã‚„metaæƒ…å ±ã‚’è¨˜å…¥ã™ã‚‹å ´æ‰€ titleè¦ç´ HTMLã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ metaè¦ç´ HTMLã®æƒ…å ±ã‚’æ›¸ãè¾¼ã‚€å ´æ‰€ bodyè¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹å ´æ‰€ styleè¦ç´ è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’cssã§æŒ‡å®šã™ã‚‹ è¦‹å‡ºã— h1è¦ç´ å¤§è¦‹å‡ºã—ã€‚ãƒšãƒ¼ã‚¸å†…ã«1ã¤ã®ã¿ä½¿ç”¨ã§ãã‚‹ h2è¦ç´ 2ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h3è¦ç´ 3ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h4è¦ç´ 4ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h5è¦ç´ 5ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h6è¦ç´ 6ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— ãƒªãƒ³ã‚¯ aè¦ç´ ãƒªãƒ³ã‚¯ã‚’ä½œã‚‹ã¨ãã®ã‚¿ã‚° linkè¦ç´ å¤–éƒ¨cssãƒ•ã‚¡ã‚¤ãƒ«ã®urlã‚’æŒ‡å®šã§ãã¾ã™ baseè¦ç´ ç›¸å¯¾ãƒ‘ã‚¹ã®åŸºæº–ã¨ãªã‚‹urlã‚’æŒ‡å®šã§ãã‚‹ ãƒ†
sometk 2014/02/26
ã‚ˆãä½œã£ãŸãªã‚ï¼

1402

CSS

homepage

web

jquery
ãƒªãƒ³ã‚¯
https://www.takumitaniguchi.com/tokyotowers/
sometk 2014/02/25
ã‚ˆã„

1402

design

photo

jquery

html

idea

parallax
ãƒªãƒ³ã‚¯
[JS]Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«å„è¦ç´ ã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -scrollReveal.js
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å•†å“å†™çœŸãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã€ãƒãƒ¼ãƒ‰ã—ãŸæ™‚ãªã©ã€ãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã«è¡¨ç¤ºã—ãŸæ™‚ã«ã€å„è¦ç´ ãã‚Œãžã‚Œã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹å˜ä½“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ scrollReveal.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã‚»ãƒƒãƒˆã—ãŸã‚‰ã€ã‚ã¨ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹è¦ç´ ã«ã€Œdata-scrollrevealã€ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã™ã€‚ <h1 data-scrollr
sometk 2014/02/23
ç”¨é€”ãŒâ€¥

1402

apple

after

github

JavaScript

js

jQuery

scroll
ãƒªãƒ³ã‚¯
Basic arrows jScrollPane demo
jScrollPane - example with arrow buttons This demonstration builds on the basic scrollpane example by adding navigation "arrows" to the scrollbar. As you can see from the sourcecode below, these are simply added by passing showArrows:true in the settings object when you initialise jScrollPane. Vertical only Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique u
sometk 2014/02/21
1402

jQuery

scroll
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œ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
ãƒªãƒ³ã‚¯
è‰²ç©ºé–“ãƒ¡ã‚½ãƒƒãƒ‰ã¨è‰²ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ‹¡å¼µã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³iColorã‚’æ›¸ã„ãŸ - ä»Šæ—¥ã‚‚é©å½“ãƒ€ã‚¤ã‚¢ãƒªãƒ¼
[è‰²ç©ºé–“] - ä»Šæ—¥ã‚‚é©å½“ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ãªã©ã§ã€è‰²ç©ºé–“ã®å¤‰æ›ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€ãã‚Œã‚‰ã‚’ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦æ›¸ãç›´ã—ã¾ã—ãŸã€‚ ã¾ã ã€ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãªã®ã§ã™ãŒã€å–ã‚Šæ€¥ãŽå…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã“ã¡ã‚‰ http://jquery-icolor.googlecode.com/svn/tags/ http://code.google.com/p/jquery-icolor/downloads/list (åœ§ç¸®ãƒ•ã‚¡ã‚¤ãƒ«) http://www.weekendphp.com/jQuery/jquery.color.js http://www.weekendphp.com/jQuery/jquery.color-min.js ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ jQuery.iColor - jQueryPlugin DEMO jQuery.iColor - jQueryPlugin DE
sometk 2014/02/18
1402

jquery

Color

background

animation
ãƒªãƒ³ã‚¯
jQuery Masonryã‹ã‚‰Freetile.jsã«å¤‰æ›´ | WEB SHOWZINE
WEB SHOWZINE Live as if you were to die tomorrow. Learn as if you were to live forever. ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¦ç´ ã‚’ã‚¿ã‚¤ãƒ«çŠ¶ã«æ•·ãè©°ã‚ã‚‹ã®ã«jQuery Masonryï¼ˆNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã§çŸ¥ååº¦ãŒã‚°ãƒ³ã¨ä¸ŠãŒã£ãŸã‚ã‚Œã§ã™ãï¼‰ã‚’ä½¿ã£ã¦å®Ÿè£…ã‚’é€²ã‚ã¦ãŸã‚“ã§ã™ãŒã€è‡ªåˆ†ã®è¨å®šãŒã†ã¾ããªã„ã®ã‹Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆã¨ãã«Safariï¼‰ã§è¡¨ç¤ºãŒå´©ã‚Œã¦ã—ã¾ã„ã€ãã®åŽŸå› ãŒãªã‹ãªã‹çªãæ¢ã‚ã‚‰ã‚Œãªã„ã‚‚ã‚“ã§Freetile.jsã«åˆ‡ã‚Šæ›¿ãˆã¾ã—ãŸã€‚ï¼ˆãã—ãŸã‚‰ã‚¹ãƒƒã‚ãƒªè§£æ¶ˆã§ããŸã®ã§ï¼‰ jQuery Masonryã ã¨ã€ã¨ãã«Safariã§åˆå›žã«ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸéš›ã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¡¨ç¤ºãŒå´©ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ã¨è§£æ¶ˆã—ãŸã‚Šã‚‚ã™ã‚‹ã‚“ã§ã™ãŒï¼ˆä½•å›žã‚‚ãƒªãƒãƒ¼ãƒ‰ã—ãªã„ã¨ãƒ€ãƒ¡ãªã¨ãã‚‚ï¼‰ã“ã‚Œã§ã¯ã‚‚ã¡ã‚ã‚“ç´å“å‡ºæ¥ã¾ã›ã‚“ã€‚ column
sometk 2014/02/15
masonryä»£æ›¿

1402

jquery

grid

github

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

developer

effect

demo

cool

grid

framework

jquery

parallax
ãƒªãƒ³ã‚¯
1