[B! html] nenzabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nenzab id:nenzab

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

ã€iOSã€‘iPhoneãƒ»iPadã§HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ç¥žã‚¢ãƒ—ãƒªã€ŽTextasticã€ã¯çµ¶å¯¾è²·ã†ã¹ãï¼ãã®6ã¤ã®ç†ç”±ï¼ | 8vivid
ã€ŽTextasticã€ã‚’è²·ã†ã¹ã6ã¤ã®ç†ç”±ï¼ ãã‚Œã§ã¯ã€ã€ŽTextasticã€ã®ç´ æ™´ã‚‰ã—ã„ãƒã‚¤ãƒ³ãƒˆã‚’ç®‡æ¡æ›¸ãã«ã—ã¦ã¿ã¾ã—ãŸã®ã§ã€ã”è¦§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ä¸‹è¨˜ã®ãƒã‚¤ãƒ³ãƒˆã«ã‚°ã‚°ã£ã¨ããŸã‚‰ã€ãã®ã¾ã¾ãƒãƒã£ãŸã‚‰è‰¯ã„ã¨æ€ã„ã¾ã™ï¼ ãƒãƒ¼ã‚«ãƒ«ã§ç·¨é›†ã§ãã‚‹ï¼ HTML/CSSã ã‘ã˜ã‚ƒãªãã€JavaScriptã‚‚å¯¾å¿œï¼ ã€ŒSplitViewã€å¯¾å¿œï¼ ã€ŒFirebugã€æè¼‰ã§ãƒ‡ãƒãƒƒã‚¯ãŒç°¡å˜ï¼ FTPã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¯èƒ½ï¼ HTMLã¯Safariã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å¯èƒ½ï¼ ãƒãƒ¼ã‚«ãƒ«ç·¨é›†ã§ãã‚‹ã®ãŒæœ€å¼·ï¼ 1ã¤ç›®ã®ãƒã‚¤ãƒ³ãƒˆã¨ã—ã¦ã€ã€ŽTextasticã€ã¯ãƒãƒ¼ã‚«ãƒ«ã§ç·¨é›†ãŒå¯èƒ½ã§ã™ã€‚ç§ã‚‚åŒæ§˜ã®ã‚¢ãƒ—ãƒªã‚’è‰²ã€…æ¤œè¨Žã—ã¦ã€æœ€çµ‚çš„ã«ã€ŽTextasticã€ã‚’é¸æŠžã—ãŸã®ã¯ã€ã“ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã£ãŸã‹ã‚‰ã§ã™ã€‚ ä»–ã‚¢ãƒ—ãƒªã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ç’°å¢ƒãŒå¿…é ˆãªã‚‚ã®ãŒå¤šãã€å€‹äººçš„ã«ã¯ä½¿ã„å‹æ‰‹ãŒè½ã¡ãã†ã§ã—ãŸã€‚ãã®åˆ†ã€ã€ŽTextasticã€ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§
nenzab 2018/04/23
html
ãƒªãƒ³ã‚¯
textareaè¦ç´ ã®æ–‡å—æ•°ã®æ‰±ã„ã«ã¤ã„ã¦ - console.lealog();
textareaã®é—‡ã‚’è¦‹ãŸã‚ˆã†ãªæ°—ãŒã—ãŸã€‚ ã“ã‚Œã¯ã€æ–‡å—æ•°ã®ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã£ã½ã„ã‚‚ã®ã‚’å®Ÿè£…ã™ã‚‹ã¨ãã«æ°—ä»˜ã„ã¦èª¿ã¹ãŸã‚‚ã®ã§ã™ã€‚ ã„ã‚ã‚†ã‚‹maxlengthã®æ•·å±…ã¨ã€jsã‹ã‚‰æ–‡å—åˆ—.lengthã§å–ã‚Œã‚‹å€¤ã§ã€æ–‡å—æ•°ã®ã‚«ã‚¦ãƒ³ãƒˆãŒé•ã†ãƒ»ãƒ»ã£ã¦ãªã£ãŸã¨ã“ã‚ãŒäº‹ã®ç™ºç«¯ã€‚ 20150624è¿½è¨˜ ã‚³ãƒ¡ãƒ³ãƒˆã§æ•™ãˆã¦ã„ãŸã ã„ãŸã®ã§ã™ãŒã€ã“ã®æŒ™å‹•ã¯ã©ã†ã‚„ã‚‰Webkitã®ã¿ã ãã†ã§ã™ã€‚ DEMOã¿ãŸãé©å½“ãªå®Ÿè£…ã™ã‚‹ã¨ã€ç¾çŠ¶Webkitä»¥å¤–ã§å›°ã‚‹ã“ã¨ã«ãªã‚‹ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ å›°ã£ãŸã“ã¨ Twitterã¿ãŸãã€ã„ã‚ã‚†ã‚‹æ–‡å—æ•°ã‚’ã‚«ã‚¦ãƒ³ãƒˆã—ãŸã„å ´åˆã€‚ æ¥½ã§ãã‚‹ã¨ã“ã‚ã¯æ¥½ã—ãŸã„ã®ã§ã€ã“ã†ã„ã†æŒ‡å®šã‚’ã—ã¾ã™ã‚ˆãã€‚ <textarea maxlength="140" id="jsTweetArea"></textarea> æ”¹è¡Œã›ãšã«æ–‡å—ã‚’æ‰“ã£ãŸå ´åˆã¯ã€ãã£ã¡ã‚Š140å—ã§æ‰“ã¡æ¢ã‚ã«ãªã£ã¦ãã‚Œã¾ã™ã€‚ ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ã‚‚ã€ã¯ã¿å‡ºã‚‹åˆ†ã¯ã°ã£
nenzab 2015/12/09
javascript

ã‚«ã‚¦ãƒ³ãƒˆ

æ–‡å—æ•°

html
ãƒªãƒ³ã‚¯
phiary
JavaScript ã® dispatchEvent ã®æƒ…å ±ãŒã‚ã¾ã‚Šã«ã‚‚å°‘ãªã‹ã£ãŸã®ã§è§£èª¬ç”¨ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ. ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ dispatchEvent ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨æ´»ç”¨ä¾‹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™. ã†ã¾ãä½¿ãˆã°ãƒã‚¤ãƒ†ã‚£ãƒ–ã£ã½ã JavaScript ã‚’æ‹¡å¼µã—ãŸã‚Šã£ã¦ã“ã¨ã‚‚ã§ãã‚‹ä¾¿åˆ©ãªé–¢æ•°ã§ã™. About ä»Šå›žåˆ¶ä½œã—ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã¯ï¼’ã¤. æœ€åˆã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™. boxB ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã« boxA ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚‚ç™ºç”Ÿã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™. 2ã¤ç›®ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ rightclick ã‚¤ãƒ™ãƒ³ãƒˆ ã¨ã„ã† å³ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã®ã¿ç™ºè¡Œã™ã‚‹ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã‚’å®šç¾©ã—ã¦ã„ã¾ã™. Code ä»Šå›žåˆ¶ä½œã—ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ï¼‘å€‹ç›®ã®å…¨ä½“ã‚³ãƒ¼ãƒ‰ã§ã™. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <l
nenzab 2014/02/09
javascript

jQuery

html

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
IE8ä»¥ä¸‹ã§é€éŽPNGãŒé»’ããªã‚‹å ´åˆã®å¯¾å‡¦æ³• | @æŠ€è¡“å±‹ã®ãƒ¡ãƒ¢ | WEB/ã‚¢ãƒ—ãƒªé–‹ç™ºæŠ€è¡“ãƒ¡ãƒ¢
IE8ä»¥ä¸‹ã§é€éŽPNGãŒé»’ããªã‚‹å ´åˆã®å¯¾å‡¦æ³• by ateliee Â· å…¬é–‹æ¸ˆã¿ 2013å¹´3æœˆ28æ—¥ Â· æ›´æ–°æ¸ˆã¿ 2017å¹´3æœˆ25æ—¥ ã“ã‚“ã«ã¡ã‚ã€‚film Power Rangers ä»Šå›žã¯é€éŽPNGã‚’ä½¿ã£ãŸå ´åˆã«é™¥ã‚Šã‚„ã™ã„ãƒã‚°ã®å¯¾å¿œæ–¹æ³•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ IE8ã‚„IE7ãªã©ã§é€éŽpngã‚’ä½¿ã£ãŸå ´åˆã€èƒŒæ™¯ãŒé»’ããªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ opacityãªã©ã®é€éŽæŒ‡å®šã‚’ã—ã¦ã„ã‚‹å ´åˆã«ã‚‚ãŠãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãã†ã„ã£ãŸå ´åˆã€IEç‹¬è‡ªã®æŒ‡å®šã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ [css] img.png{ filterâ€™: â€˜progid:DXImageTransf orm.Microsoft.AlphaImageLoader(src=â€sample.pngâ€, sizingMethod=â€scaleâ€); } [/css] CSSã«ã¦é€éŽPNGã‚’ä½¿ã£ã¦ã„ã‚‹è¦ç´ ã«progid:DXImageTrans
nenzab 2014/02/04
æ˜Žæ—¥ä½¿ã†

PNG

html

ç½
ãƒªãƒ³ã‚¯
1