[B! cording] machikomaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

machikoma id:machikoma

cordingã«é–¢ã™ã‚‹machikomaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

çˆ†é€Ÿã§é–‹ç™ºã‚’çµ‚ã‚ã‚‰ã›ã‚‹ï¼Bootstrapãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãŒãƒãƒ¼ãƒˆã™ãŽã‚‹ | ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ãƒŠãƒ“
Bootstrapã¨ã¯ã€Twitterç¤¾ãŒé–‹ç™ºã—ãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚é€šå¸¸ã¯è‡ªåˆ†ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®Ÿè£…ã—ã¦ã„ãå¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€Bootstrapã‚’åˆ©ç”¨ã™ã‚Œã°ã€ãƒœã‚¿ãƒ³ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã ã‘ã§ã€èª°ã§ã‚‚ç´ æ—©ãæ•´ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€ã•ã‚‰ã«ç°¡å˜ã‹ã¤ç´ æ—©ãã‚¹ã‚¿ã‚¤ãƒ«ã‚’é–‹ç™ºã§ãã‚‹ãƒ–ãƒ¼ãƒˆã‚¹ãƒˆãƒ©ãƒƒãƒ—ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¦‹ãªãŒã‚‰ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã§ãã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ æ—¢å˜ã®Bootstrapã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¨ã„ã†ã®ã¯ã€Bootstrap 3 cheat sheetã®ã‚ˆã†ã«ã€ã‚°ãƒªãƒƒãƒ‰ãªã©ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’PDFã«ã¾ã¨ã‚ãŸã‚‚ã®ã§ã—ãŸã€‚ä¸€æ–¹ã§ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹Bootstrap 4 Cheat Sheetã¯ã€è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚³ãƒ¼ãƒ‰ãƒ»ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã™ã€‚ ã€ŒCode snippetã€
machikoma 2016/05/09
cording

job

web

design

UI
ãƒªãƒ³ã‚¯
<bodyoncontextmenu="returnfalse">ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€å³ã‚¯ãƒªãƒƒã‚¯ãŒå‡ºæ¥ãªã„ã¨ã“ã‚ã¨ã€ã§ãã‚‹ã¨ã“ - ... - Yahoo!çŸ¥æµè¢‹
oncontextmenu="return false"ã‚’bodyã«å¯¾ã—ã¦æŒ‡ç¤ºã—ã¦ã‚‹ã®ã§ã€bodyã®é©ç”¨ç¯„å›²å¤–ã®ã¨ã“ã‚ã§ã¯æ™®é€šã«å³ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ãƒšãƒ¼ã‚¸ã®å‘¨å›²ã®ä½™ç™½ã®éƒ¨åˆ†ã§ã™ãã€‚ å¯¾å‡¦æ³•ã¨ã—ã¦ã¯ã€Œä½™ç™½ã‚’ç„¡ãã—ã¦ã—ã¾ã†ã“ã¨ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§bodyå›žã‚Šã®ä½™ç™½ã‚’ã‚¼ãƒã«ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã®body{}ã®ä¸ã«ã€Œmargin:0px; padding:0px;ã€ã‚’è¿½åŠ ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã“ã‚Œã‚’ã‚„ã‚‹ã¨å‘¨å›²ã®ä½™ç™½ãŒç„¡ããªã‚Šã¾ã™ã‹ã‚‰ã€ã‚®ãƒã‚®ãƒã«è©°ã¾ã£ã¦è¦‹ãˆã¦çª®å±ˆã«æ„Ÿã˜ã‚‹ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ <body>ã‚¿ã‚°ä»¥ä¸‹ã®éƒ¨åˆ†ã«ã€æ”¹ã‚ã¦ä½™ç™½ã®æŒ‡å®šã‚’ã—ã¦ãã ã•ã„ã€‚ ï¼ˆæ‰‹ã£å–ã‚Šæ—©ã„ã®ã¯<div style="margin:30px;"></div>ãªã©ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å…¨ä½“ã‚’å›²ã‚“ã§ã—ã¾ã†ï¼‰ ã§ã‚‚ã€å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã¯ç°¡å˜ã«ç„¡åŠ¹åŒ–å‡ºæ¥ã‚‹ã—ã€é–²è¦§è€…ã«å«Œã‚ã‚Œã‚‹ã—ã€ãã“ã¾ã§ã—ã¦å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ãªï½žã¨æ€ã†ã®
machikoma 2016/04/08
ã«æ›¸ãè¶³ã—ã¦ ã¨ã—ã¦ã¿ãŸã‚‰ã€ä»–ã¯ã„ã˜ã‚‰ãªãã¦ã‚‚ãƒšãƒ¼ã‚¸å…¨ä½“ã«å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ãŒé©ç”¨ã•ã‚Œã¾ã—ãŸã€‚ ã¯ã¯ãƒ¼ãªã‚‹ã»ã©ã€‚

web

design

cording

job
ãƒªãƒ³ã‚¯
jQueryã§å³ã‚¯ãƒªãƒƒã‚¯ã‚’ç¦æ¢ã•ã›ã‚‹æ–¹æ³•ï½œBLACKFLAG
Webã‚µã‚¤ãƒˆåˆ¶ä½œã®éš›ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã®è¦æœ›ãªã©ã‚„ ç”»åƒã‚’ç°¡å˜ã«ä¿å˜ã•ã›ãŸããªã„æ™‚ãªã©ã€ å³ã‚¯ãƒªãƒƒã‚¯å‹•ä½œã‚’ç¦æ¢ã•ã›ã‚‹ã“ã¨ãŒãŸã¾ã«ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã¯JavaScriptã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ãŒ jQueryã‚’ä½¿ã†ã¨ã€ã‚ˆã‚Šç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ããŸã®ã§ ãƒ¡ãƒ¢æ›¸ãã¨ã—ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯å˜ç´”ã«ãƒšãƒ¼ã‚¸å…¨ä½“ã«å¯¾ã—ã¦ å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã•ã›ã‚‹æ–¹æ³•ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã«ãªã‚Šã¾ã™ã€‚ â—†SCRIPT $(function(){ $(document).on('contextmenu',function(e){ return false; }); }); ã‚‚ã—ãã¯ã€ â—†SCRIPT $(function(){ $('body').on('contextmenu',function(e){ return false; }); }); ã€Œcontextmenuã€ãŒå³ã‚¯ãƒªãƒƒã‚¯å‹•ä½œã«ã‚ãŸã‚‹ã‚ˆã†ãªã®ã§
machikoma 2016/04/08
â—†SCRIPT $(function(){ Â Â Â Â $(document).on('contextmenu',function(e){ Â Â Â Â Â Â Â Â return false; Â Â Â Â }); }); ã‚‚ã—ãã¯ã€ â—†SCRIPT $(function(){ Â Â Â Â $('body').on('contextmenu',function(e){ Â Â Â Â Â Â Â Â return false; Â Â Â Â }); }); ã€Œcontextmenuã€ãŒå³ã‚¯ãƒªãƒƒã‚¯å‹•ä½œã«

web

design

cording

job

ãƒ¡ãƒ¢
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚ªã‚¹ã‚¹ãƒ¡ã®æ›¸ãæ–¹ [ç„¡æ–™ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã€€ã¾ã‚ã‚ã–]
ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«å¿œã˜ã¦CSSã‚’å¤‰åŒ–ã•ã›ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€CSSã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã¨ã„ã†ä»•æ§˜ã«ã‚ˆã£ã¦å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ #css {PCå‘ã‘} @media (max-width: 1020px) and (min-width: 768px) { #css {ç‹ã„ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘} } @media (max-width: 767px) { #css{ã‚¹ãƒžãƒ›å‘ã‘} } ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ {PCå‘ã‘}ã®ã¨ã“ã‚ã«ä¸»ã ã£ãŸãƒ«ãƒ¼ãƒ«ã‚’è¨˜è¼‰ã—ã€@mediaä»¥ä¸‹ã§ã€ãã‚Œãžã‚Œå¯¾è±¡å‘ã‘ã«ãƒ«ãƒ¼ãƒ«ã‚’å¾®èª¿æ•´ã™ã‚‹ã€ã¨ã„ã†æ›¸ãæ–¹ãŒä¸»æµã‹ã¨æ€ã„ã¾ã™ã€‚ãŸã¨ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
machikoma 2016/03/18
web

design

cording

job
ãƒªãƒ³ã‚¯
1