[B! script] chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chokuchoko id:chokuchoko

scriptã«é–¢ã™ã‚‹chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

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

SNSã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ã¾ã¨ã‚ (ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ã)
ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢çœŸã‚“ä¸å¯„ã›ã‚’ã—ã¦ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®æ¨ªå¹…ãŒ480pxä»¥ä¸Šã®å ´åˆã¯ã€5ã¤ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã‚’æ¨ªä¸¦ã³ã§è¡¨ç¤ºã—ã€ã‚¹ãƒžãƒ›ãªã©ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å¹…ãŒç‹ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€LINEã‚’å«ã‚ãŸ6ã¤ã®ãƒœã‚¿ãƒ³ã‚’1è¡Œã«3ã¤ãšã¤è¡¨ç¤ºã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ä»•æ§˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã“ã§è¡¨ç¤ºã—ã¦ã„ã‚‹å€‹ã€…ã®ãƒœã‚¿ãƒ³ã¯ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ãŒã€å®Ÿéš›ã¨åŒã˜ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã®ã§ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å¹…ã‚’åºƒã’ãŸã‚Šç¸®ã‚ãŸã‚Šã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚å®Ÿéš›ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã§ã®ãƒ‡ãƒ¢ã‚’è¦‹ãŸã„äººã¯ã€ã€Œã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ã€ã®ãƒœã‚¿ãƒ³ã‹ã‚‰åˆ¥ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ä¸‹ã•ã„ã€‚ HTML <h2>ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®è¡¨ç¤º</h2> <p>æ¨ªå¹…ã‚’ç‹ã‚ã‚‹ã¨ã€2è¡Œã«ãªã‚Šã€LINEãƒœã‚¿ãƒ³ãŒå‡ºç¾ã—ã¾ã™ã€‚LINEãƒœã‚¿ãƒ³ã®ç”»åƒã¯ã€<a href="https://media.line.me/howto/ja/" target="_blank">å…¬å¼ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ</a>ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚</p> <
chokuchoko 2015/05/21
Facebook

javascript

script

Google+

SNS

Share
ãƒªãƒ³ã‚¯
[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenã‚„ãƒ„ã‚¤ãƒ¼ãƒˆã‚„PDFã‚„Googleãƒžãƒƒãƒ—ã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Embed.js
ãƒ‡ãƒ¢ï¼šGoogleãƒžãƒƒãƒ— Googleãƒžãƒƒãƒ—ã‚‚ã‚µãƒãƒ¼ãƒˆã€‚ Embed.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterã‚’åŸ‹ã‚è¾¼ã‚€æ™‚ã«ã¯ã€Œwidgets.jsã€ã€ã‚³ãƒ¼ãƒ‰ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã«ã¯ã€Œhighlight.min.jsã€ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
chokuchoko 2015/04/15
JavaScript

jquery

pdf

googlemaps

YouTube

script

UI
ãƒªãƒ³ã‚¯
jQueryã®eachã®ä»•çµ„ã¿ã‚’å¾¹åº•çš„ã«ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¦ã¿ãŸã€‚ Â· DQNEOæ—¥è¨˜
eachã®ã‚ãƒ›ãƒ³ï¼šè¦ç´ ã‚’ï¼‘å€‹ãšã¤å‡¦ç†ã™ã‚‹ ã¾ãšãŠã•ã‚‰ã„ã€‚ ã“ã®ã‚ˆã†ãªHTMLãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <ul> <li>foo</li> <li>bar</li> </ul> eachã‚’ä½¿ã†ã¨ã€è¦ç´ ï¼‘å€‹ãšã¤ã«å¯¾ã—ã¦é †ç¹°ã‚Šã«å‡¦ç†ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ <script> $(function(){ $('li').each(function(){ alert( $(this).text() ); // 'foo', 'bar'ã¨è¡¨ç¤º }); }); </script> ã“ã‚ŒãŒã‚ãƒ›ãƒ³ã§ã™ã€‚ å¤‰å½¢ã—ã¦ã¿ã‚‹ ä¸Šã®eachå¼ã¯ã€ä¸‹ã®ã‚ˆã†ã«å¤‰å½¢ã§ãã¾ã™ã€‚ (ä¸€ç•ªå¤–å´ã®ãƒ–ãƒãƒƒã‚¯$(function(){....})ã¯çœç•¥ã—ã¾ã™) $.each( $('li'), function(){ alert($(this).text()); }); ã•ã‚‰ã«å¤‰å½¢ã—ã¦ã¿ã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•° "$" ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•° "jQu
chokuchoko 2014/09/02
jQuery

function

script

jQuery

each
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯å…ƒã«ã‚ˆã£ã¦ä»»æ„ã®ãƒšãƒ¼ã‚¸ã«ã€‚ - OKWAVE
ç‰¹å®šã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãªã„ã—ã€ç‰¹å®šã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã®ãƒªãƒ³ã‚¯ã‚’æŒ‡å®šã™ã‚‹å ´åˆã¯ã€æ£è¦è¡¨ç¾ã‚’ä½¿ã†ã“ã¨ã§å®Ÿç¾å¯èƒ½ã¨æ€ã„ã¾ã™ã€‚ è¤‡æ•°ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã€ãã‚Œã‚‰ä»¥ä¸‹ã«ã‚ã‚‹ãƒšãƒ¼ã‚¸ã®ãƒªãƒ³ã‚¯ã‹ã‚‰æ¥ãŸæ¥è¨ªè€…ã‚’æŒ‡å®šã®ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã•ã›ã‚‹ã‚ˆã†ã«ã€æ”¹é€ ã—ã¦ã¿ã¾ã—ãŸã€‚ <script type="text/javascript"> <!-- function pagejump(){ specific_url = new Array(); specific_url[0] = "http://hoge1.com"; specific_url[1] = "http://hoge2.com"; specific_url[2] = "http://hoge3.com"; specific_url[3] = "http://hoge4.com"; // ç‰¹å®šã®ãƒªãƒ³ã‚¯å…ƒã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ»URLã‚’æŒ‡
chokuchoko 2014/07/11
script

function
ãƒªãƒ³ã‚¯
WordPressã‚µã‚¤ãƒˆã«é›ªã‚’é™ã‚‰ã›ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œsnowyã€
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒWordBenchæ±äº¬ã§è§¦ç™ºã•ã‚Œã¦ç‹¬è‡ªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ã€ã§ã¯ã€ã©ã†ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚ã†ã¨æ€ã„ç«‹ã£ãŸã®ã‹ã€ã¨ã„ã†çµŒç·¯ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸã€‚ ã•ã¦ã„ã‚ˆã„ã‚ˆã€å®Ÿéš›ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯ãƒãƒ¼ã‚«ãƒ«ä¸Šã§HTMLã«Javascriptã‚’æ›¸ã„ã¦å‹•ã‹ã—ã¦ã¿ã‚‹ ã¾ãšã¯ã€ãƒãƒ¼ã‚«ãƒ«ä¸Šã§ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã«JSã‚’æ›¸ã„ã¦ã¿ã¦ã€ã¡ã‚ƒã‚“ã¨äºˆæƒ³ã©ãŠã‚Šã«å‹•ãã‹ã©ã†ã‹ã€ç¢ºèªã‚’ã—ã¾ã™ã€‚ ä½¿ã£ãŸã®ã¯ã“ã‚Œã€‚ jQueryã§é›ªã‚’é™ã‚‰ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ (1) Headå†…ã«ã‚³ãƒ¬ã‚’æ›¸ãã€‚ <script src="js/jquery1-7-1.js"></script> <script src="js/jquery.snow.js"></script> (2) bodyã®ã©ã“ã§ã‚‚å¥½ããªã¨ã“ã‚ã¸ã‚³ãƒ¬ã€‚ <script> $(document).ready( function(){ $.f
chokuchoko 2014/02/21
script

js
ãƒªãƒ³ã‚¯
ã€æ€–ããªã„JavaScript + jQueryã€‘ãƒ‰ãƒ©ãƒƒã‚°ã§è¦ç´ ã‚’ç§»å‹•ã•ã›ã‚‹
ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€‚ä»Šæ—¥ã‚‚jQueryã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯jQueryã«åŠ ãˆã¦ã€æ–°ãŸã«ã‚‚ã†ä¸€ã¤ã€ŒjQuery UIã€ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã‚Œã‚’ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã§ãã‚‹ã“ã¨ã‚‚ã‚°ãƒ³ã¨å¹…åºƒããªã‚Šã¾ã™ãã€‚ã‚„ã£ã¦ã¿ã‚‹ã¨èªã¿è¾¼ã‚€ã ã‘ã§çµæ§‹ç°¡å˜ãªã®ã§ãœã²ä¸€åº¦è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ ãƒ‰ãƒ©ãƒƒã‚°ã§å¥½ããªå ´æ‰€ã« å‹•ã‹ã›ã¾ã™ã€‚ â†‘ã“ã¡ã‚‰ã®ãƒœãƒƒã‚¯ã‚¹ã€ãƒ‰ãƒ©ãƒƒã‚°ã§å¥½ããªå ´æ‰€ã«å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã„ã˜ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ æ‰‹é †1ï¼šã¾ãšå¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿ã“ã¿ ã“ã¡ã‚‰ã¯ã„ã¤ã‚‚ã¨åŒã˜ã§ã™ãã€‚ã¾ãšå¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ headerã®ä¸ã«ã€jQueryã¨ã€jQuery UIã€è‡ªåˆ†ã§ä½œã£ãŸjavascriptã®ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆä»Šå›žã¯ move.js ã¨ã—ã¾ã™ï¼‰ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <head> <script src="common/js/jquery
chokuchoko 2014/02/05
script

jQuery

jQuery UI

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒªãƒ—ãƒˆåˆå¿ƒè€…ã§ã‚‚ç°¡å˜ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¨ªã‹ã‚‰è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Slidebars
æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã€ŒOff Canvasã€ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ¨ªã‹ã‚‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…780pxã§è¡¨ç¤º Slidebarsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="slidebars.min.css"> <head> <body> ... <script src="http://ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slidebars.min.js"></script> </body> St
chokuchoko 2014/01/31
class

Plugin

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

script

javascript
ãƒªãƒ³ã‚¯
Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®èƒŒæ™¯è‰²ãªã©ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ gcalendar-wrapper script ï½œ memocarilog
Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’iframeã§ã‚µã‚¤ãƒˆã«åŸ‹ã‚è¾¼ã‚€äº‹ã¯ç°¡å˜ã«è¡Œãˆã¾ã™ãŒã€ï¼ˆã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ã®åŸ‹ã‚è¾¼ã¿ â€“ Google ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ ãƒ˜ãƒ«ãƒ—ï¼‰ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ–ãƒ«ãƒ¼ã®èƒŒæ™¯è‰²ãŒã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã‚ãªãã¦å¤‰æ›´ã—ãŸã„æ™‚ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªæ™‚ã«æ‰‹è»½ã«èƒŒæ™¯è‰²ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ãªã©ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹äº‹ãŒã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ gcalendar-wrapper script ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ä½¿ã„æ–¹ã‚„ä½¿ç”¨ã™ã‚‹éš›ã«ç§ãŒã¤ã¾ã¥ã„ãŸæ‰€ã«ã¤ã„ã¦ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã®ãƒšãƒ¼ã‚¸åŠã°ã«ã‚ã‚‹ã€ŒDownload the wrapper scriptã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ Easy Color Customization for Embedded Google Calendars | U-notez å‚è€ƒè¨˜äº‹ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å…ˆã®ãƒšãƒ¼ã‚¸ã«ã‚‚ä½¿ç”¨æ–¹æ³•ãŒè©³ã—ãæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ ä½¿ç”¨æ–¹æ³• 1. gcalenda
chokuchoko 2014/01/24
ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼

ã‚°ãƒ¼ã‚°ãƒ«ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼

script

color

72 WEB DESIGN

Â®Google

720 PHP
ãƒªãƒ³ã‚¯
ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« | 1000ch.net
2013/08/01 ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« ã€Œãªã‚“ã¨ãªãæ›¸ããŸããªã„ã‘ã©ã€ã©ã†æ„è˜ã—ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‘ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„â€¦ã€‚ã€ ãã‚Œã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLInspector philipwalton/html-inspector Introducing HTML Inspector ã“ã¡ã‚‰ã¯HTMLã‚’è§£æžã—ã¦æ‚ªã„ã¨ã“ã‚ã‚’æŒ‡æ‘˜ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ ãŸã¶ã‚“ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã‹ãã‚Œãžã‚Œã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ã‚³ãƒ¬ã«æ²¿ã£ã¦ã‚‚ã„ã„ã‹ã¨ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å·®ã—è¾¼ã‚“ã§ã€å®Ÿè¡Œã™ã‚‹ã¨ã€æŒ‡æ‘˜äº‹é …ãŒconsoleã«å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚ githubã®ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã‹ã€bowerã§è½ã¨ã—ã¦ãã‚‹ã‹ã€‚ bower install html-inspector æ¬¡ã«ã€è§£æžã—ãŸã„ãƒšãƒ¼ã‚¸ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã¿ã¾ã™ã€‚ <script s
chokuchoko 2013/08/02
function

script

javascript

css

coding

dev

tips
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
chokuchoko 2013/06/11
Must

script

webç³»

ãƒ•ã‚©ãƒ³ãƒˆ

T_ç†è¨˜ä½“

ãƒ•ãƒªãƒ¼ç´ æ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skel.js | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§å‹•ä½œã™ã‚‹19KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã§ãã‚‹ã‚°ãƒªãƒƒãƒ‰ã€‚ è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®è¨å®šã‚‚ç°¡å˜ã€‚ resetã‚„box-modelãªã©ã®æœ‰ç”¨ãªCSSã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ç”¨æ„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€æ‹¡å¼µã«ã‚‚å¯¾å¿œã€‚ skel.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã¨ã—ã¦ã€å¹…1200pxã§è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º skel.jsã®ä½¿ã„æ–¹ jQueryã‚„ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’ç”¨æ„ã›ãšã«ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="skel.js"></script> jQueryã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»
chokuchoko 2013/05/23
jQuery

javascript

script

webåˆ¶ä½œ

*webåˆ¶ä½œ

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
JavaScriptè£½ã¨ã¯æ€ãˆãªã„ã‚²ãƒ¼ãƒ ã‚’enchant.jsã§ç°¡å˜ã«ä½œã‚‹ã«ã¯
JavaScriptè£½ã¨ã¯æ€ãˆãªã„ã‚²ãƒ¼ãƒ ã‚’enchant.jsã§ç°¡å˜ã«ä½œã‚‹ã«ã¯ï¼šenchant.jsã§HTML5ï¼‹JavaScript ã‚²ãƒ¼ãƒ é–‹ç™ºå…¥é–€ï¼ˆ4ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ å¤§äººæ°—ã®HTML5ï¼‹JavaScriptãƒ™ãƒ¼ã‚¹ã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã€Œenchant.jsã€ã‚’ä½¿ã£ã¦ã‚²ãƒ¼ãƒ ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¦ã„ãé€£è¼‰ã€‚ä»Šå›žã¯ã€æ‰‹è»½ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹tl.enchant.jsã®ä½¿ã„æ–¹ã‚„ã€ã‚¹ãƒžãƒ›å‘ã‘ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãƒã‚¤ãƒ³ãƒˆ6ã¤ã‚’è§£èª¬ã™ã‚‹ã€‚ ã“ã‚ŒãŒã€JavaScriptã®ã‚²ãƒ¼ãƒ â€¦â€¦ ã ã¨â€¦â€¦ï¼Ÿ å‰å›žã®ã€Œenchant.jsã§é‡è¦ãªã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ¼ãƒ³ã‚’ä½¿ã†ã«ã¯ã€ã§ã¯ã€ã‚²ãƒ¼ãƒ ã®æµã‚Œã¨ãªã‚‹éƒ¨åˆ†ã‚’é§†ã‘è¶³ã§è§£èª¬ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ã‚ˆã‚Šã‚²ãƒ¼ãƒ ã‚’ãƒªãƒƒãƒã«è¦‹ã›ã‚‹ã€è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ç†è§£ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ã“ã®æ©Ÿèƒ½ã‚’ä½¿ã†ã¨ã€ã“ã‚“ãªã‚‚ã®ï¼ˆã‚µãƒ³ãƒ—ãƒ«ï¼‰ã‚’ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãœã²ã€ŒJavaSc
chokuchoko 2013/04/26
HTML5

javascript

enchant.js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

script

ã‚²ãƒ¼ãƒ

é–‹ç™º

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
YouTubeã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’JavaScriptã§åˆ¶å¾¡ã™ã‚‹YouTube JavaScript Player APIã®ä½¿ã„æ–¹
ã‚µã‚¤ãƒˆã«å‹•ç”»ã‚’è¨ç½®ã™ã‚‹éš›ã‚„ã€Youtubeã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹å‹•ç”»ã‚’ç´¹ä»‹ã—ãŸã„å ´åˆãªã©ã€ Youtubeã®åŸ‹ã‚è¾¼ã¿ã‚’ä½¿ã£ã¦è¡¨ç¤ºã™ã‚‹äº‹ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®éš›ã«JavaScriptã‚’ä½¿ã£ã¦åˆ¶å¾¡ãŒã§ãã‚‹YouTube JavaScript Player APIã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã€è¨ç½®ã‚’ã—ãŸã®ã§ ãã¡ã‚‰ã®å®Ÿè£…æ–¹æ³•ã®ãƒ¡ãƒ¢ã§ã™ã€‚ ã“ã‚Œã‚’ä½¿ã†ã¨è‡ªåˆ†ãŒä½œã£ãŸãƒœã‚¿ãƒ³ã§å†ç”Ÿã‚„åœæ¢ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ï¼ˆä»–ã«ã‚‚ã„ã‚ã„ã‚å‡ºæ¥ã‚‹ã¨æ€ã„ã¾ã™ï¼‰ SWFObjectã‚’ä½¿ã£ã¦å‹•ç”»ã‚’èªã¿è¾¼ã‚€ å‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚€éš›ã¯ã€å‹•ç”»ã®å…±æœ‰ã«ã‚ã‚‹ã€ŒåŸ‹ã‚è¾¼ã¿ã‚³ãƒ¼ãƒ‰ã€ã§iframeã‹objectã®ã‚¿ã‚°ã‚’ã‚µã‚¤ãƒˆå†…ã«å…¥ã‚Œã¾ã™ãŒã€ APIã‚’ä½¿ã†ã¨ãã¯Flashãªã©ã‚’è¡¨ç¤ºã™ã‚‹æ™‚ã«ã‚ˆãä½¿ã†ã€ŒSWFObjectã€ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã®JSã‚’ä½¿ã‚ãªãã¦ã‚‚ã§ãã‚‹ãã†ã§ã™ãŒã€ ã“ã®APIãŒFlash Player8ã‹ã‚‰ã—ã‹å¯¾å¿œã—ã¦ãªã„ã®ã§ã€ã“ã®ã€ŒSWFObject
chokuchoko 2013/03/28
SWFObject

script

youtubeåŸ‹ã‚è¾¼ã¿

å‹•ç”»è¨ç½®

JavaScript

API

YouTube
ãƒªãƒ³ã‚¯
jQuery Mobileã‚’ä½¿ã£ã¦å°‘ã—ç”»é¢ã‚’æ›¸ã„ã¦ã¿ã‚‹
å‰å›žã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®JavaScriptã‚’æ›¸ããŸã‚ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³•ã¨ã€ç°¡å˜ãªJavaScriptã‚’è‡ªåˆ†ã§æ›¸ã„ã¦ã¿ã‚‹ã¨ã„ã†ã“ã¨ã‚’å®Ÿè·µã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€ã‚‚ã†å°‘ã—ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã€åˆ†å²ã‚„ãƒ«ãƒ¼ãƒ—ãªã©ã€ã»ã‹ã®è¨€èªžã§ã‚‚å‡ºã¦ãã‚‹åˆ¶å¾¡é–¢æ•°ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ å¾ŒåŠã§ã¯ã€jQueryã¨jQuery Mobileã‚’ä½¿ã£ã¦ã€å°‘ã—ç”»é¢ã‚’æ›¸ã„ã¦ã„ãã¨ã„ã†ã‚¹ãƒ†ãƒƒãƒ—ã«é€²ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ã®åˆ¶å¾¡ å‰å›žã®è¨˜äº‹ã§ã€JavaScriptã‚’æ›¸ãå ´æ‰€ã®ãŠè©±ã‚’ã—ã¾ã—ãŸã€‚ã¾ãŸã€consoleé–¢æ•°ã‚’ä½¿ã£ã¦ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å°‘ã—æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ <script type=â€text/javascriptâ€> var a = 1; var b = 2; console.debug(a + b); //ç”ãˆã¯ä½•ï¼Ÿ //ifã§æ¯”è¼ƒã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ if(a > b){ console.debug(â€œaã®æ–¹ãŒå¤§
chokuchoko 2013/03/26
jQuery Mobile

javascript

script

jQuery
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
chokuchoko 2013/03/25
photoshop

School

script

Fonts
ãƒªãƒ³ã‚¯
[JS]æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹1ãƒšãƒ¼ã‚¸åž‚ç›´ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã‚’è‡ªå‹•è£œæ£ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -windows.js
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã™ãŽã‚‚è£œæ£ windows.jsã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ç°¡å˜ã§ã€æ—¢å˜ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§é©ç”¨ã§ãã¾ã™ã€‚ Step 1: HTML HTMLã¯å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã—ã¦ã„ã‚‹divã‚„sectionã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ classã¯å¤‰æ›´å¯ã§ã™ã€‚ <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> Step 2: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://cdnjs.cloudflare.com/aja
chokuchoko 2013/03/08
javascript

jQuery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

-jQuery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

webåˆ¶ä½œ

script
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‚‹æ„Ÿã˜ã®ã‚µã‚¤ãƒ‰ã‹ã‚‰ã«ã‚…ã£ã¨å‡ºã¦ãã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSidrã€ã§ä½œã‚‹
twitter facebook hatena google pocket Facebookã‚’ã¯ã˜ã‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã§ã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ã‚µã‚¤ãƒ‰ã‹ã‚‰ã«ã‚…ã£ã¨å‡ºã¦ãã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå°Žå…¥ã•ã‚Œã¦ä¹…ã—ã„ã§ã™ã€‚ ä»Šå›žã¯Sidr - A jQuery plugin for creating side menusã‚’åˆ©ç”¨ã—ã¦ã€ã«ã‚…ã£ã¨å‡ºã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ sponsors ä½¿ç”¨æ–¹æ³• Sidrã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ <link rel="stylesheet" href="jquery.sidr.dark.css"> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.sidr.min.js"></script> <sc
chokuchoko 2013/03/01
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

script

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

JS

Facebook
ãƒªãƒ³ã‚¯
multihero.js (ãƒžãƒ«ãƒãƒ’ãƒ¼ãƒãƒ¼.js) | tshinobu.com
æµ·å¤–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§å¤šãè¦‹ã‚‰ã‚Œã‚‹ã€Œãƒžãƒ«ãƒãƒ˜ãƒƒãƒ€ãƒ¼ï¼ˆMultiHeaderï¼‰ã€ã€Œãƒžãƒ«ãƒãƒ’ãƒ¼ãƒãƒ¼ï¼ˆMultiHeroï¼‰ã€ã‚’å®Ÿç¾ã™ã‚‹JavaScriptã§ã™ã€‚ãƒšãƒ¼ã‚¸ã®ã‚ãƒ¼ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚„ãƒ¡ã‚¤ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã€è¤‡æ•°ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰è¦‹ã›ã¦ã€ã‚¹ãƒšãƒ¼ã‚¹ã‚’ã¤ã¶ã•ãšã«ãŸãã•ã‚“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ä¿¡ã—ã¾ã™ã€‚ï¼ˆãƒžãƒ«ãƒãƒ’ãƒ¼ãƒãƒ¼ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã®è§£èª¬è¨˜äº‹ã‚’å‚ç…§â†’ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚»ãƒ³ã‚¹ã®è‰¯ã•ã«ã‚°ãƒƒã¨ããŸ8ã¤ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ JavaScriptã¨CSSã§æ§‹ç¯‰ã—ã¦ã„ã‚‹ã®ã§æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹åŒ–ã•ã‚Œã‚„ã™ãã€ã©ãªãŸã§ã‚‚ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºï¼‹å°Žå…¥ã„ãŸã ã‘ã¾ã™ã€‚ Demo Â» Try demo without another. Sample code <head> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script ty
chokuchoko 2013/02/28
script

type

js

javascript

jquery

css

flash

library

Gallery
ãƒªãƒ³ã‚¯
è¦ç´ ã‚’ç‚¹æ»…ã•ã›ã‚‰ã‚Œã‚‹JavaScriptã€Œjquery.flickerã€
twitter facebook hatena google pocket ç‚¹æ»…ã•ã›ã‚‹ã“ã¨ã§æ³¨ç›®ã‚’å¼•ãã“ã¨ãŒã§ãã‚‹jquery.flickerã§ã™ã€‚ é »ç¹ã«ä½¿ã†ã‚‚ã®ã§ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€æ³¨æ„ã‚’ä¿ƒã—ãŸã„æ™‚ã«ä½¿ã£ã¦ã¿ã‚‹ã®ã‚‚è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ sponsors ä½¿ç”¨æ–¹æ³• jquery.flickerã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.flicker.js"></script> <script type="text/javascript"> $(function() { $('body').flicker({ 'reps': 5, //ç‚¹æ»…å›žæ•° 'pause': 200, //åœæ¢æ™‚é–“
chokuchoko 2013/02/25
jQuery

javascript

script
ãƒªãƒ³ã‚¯
masonry filtering | Notebook(JQueryPlugins) | kikins
 <link rel="stylesheet" href="css/reset.css" type="text/css" /> <link href="css/masonry.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.masonry.min.js"></script> <div id="content"> <ul id="filtering-nav"> <li><a class="all" href="#all">ãƒ¡ãƒ‹ãƒ¥ãƒ¼all</a></li> <li><a clas
chokuchoko 2013/02/25
text

type

script

jQuery

masonry
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸