[B! pg_Web] horsetailã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

horsetail id:horsetail

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

ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã¨CSSã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã‚¿ã‚¤ãƒˆãƒ«ï¼ˆè¦‹å‡ºã—ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ« 50 | NxWorld
ç”»åƒã¯ä½¿ç”¨ã›ãšã«CSSã ã‘ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸã‚¿ã‚¤ãƒˆãƒ«ï¼ˆè¦‹å‡ºã—ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§ã€ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã‚„ã¡ã‚‡ã£ã¨CSSè¿½è¨˜ã—ãŸç¨‹åº¦ã®ã‚‚ã®ã‚‚å¤šã„ã§ã™ãŒå…¨50ç¨®é¡žã§ã™ã€‚ å…¨ä½“çš„ã«ã™ã”ãæ‰‹é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã¯ãªã„ã®ã§ã™ãŒã€ä¼¼ãŸã‚ˆã†ãªã‚¿ã‚¤ãƒˆãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã†å ´åˆã¯CSSã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸€éƒ¨è¤‡æ•°è¡Œã«å‘ã‹ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯è¤‡æ•°è¡Œã®ã‚¿ã‚¤ãƒˆãƒ«ã§ã‚‚è¦‹æ „ãˆãŒå´©ã‚Œãªã„æ„Ÿã˜ã®ã‚‚ã®ã«ãªã£ã¦ãŠã‚Šã€ä½™ç™½ã‚„ã‚«ãƒ©ãƒ¼ãªã©ã‚’èª¿æ•´ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã®ã‚‚å®¹æ˜“ã§ã™ã€‚ ä»¥ä¸‹ã§ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ä¸€éƒ¨ç•°ãªã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ä¸‹è¨˜ã®ã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãŸã ã€ä¸€éƒ¨ç•°ãªã‚‹ã‚‚ã®ã¨ã„ã£ã¦ã‚‚ã„ãšã‚Œã‚‚spanè¦ç´ ã‚’1ã¤è¿½è¨˜ã™ã‚‹ç¨‹åº¦ã§ã™ã€‚
horsetail 2015/10/07
pg_Web
ãƒªãƒ³ã‚¯
HPä½œæˆã®åˆå¿ƒè€…ã§ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã‚’ã‚ˆãçŸ¥ã‚‰ãªã„äººã¸
æœ¬æ°—ã§webåˆ¶ä½œã‚’ä»•äº‹ã«ã—ãŸã„ãªã‚‰ ç¾å ´ã§é€šç”¨ã™ã‚‹å®Ÿè·µçš„ãªã‚¹ã‚ãƒ«ã‚’èº«ã«ã¤ã‘ã¾ã—ã‚‡ã†ã€‚ ã€ç‹¬å¦ vs ã‚¹ã‚¯ãƒ¼ãƒ«ã€‘ãƒ¡ãƒªãƒƒãƒˆã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’æ¯”ã¹ã¦ã€ãŠã™ã™ã‚ã®å¦ç¿’æ–¹æ³•ã‚‚ãŠä¼ãˆã—ã¾ã™ã€‚ ç¶šãã¯ã“ã¡ã‚‰ ä»Šå›žã¯ã€webåˆ¶ä½œæ™‚ã«ã‚ˆãã‚ã‚‹æ‚©ã¿ã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ãŒã‚ã‹ã‚‰ãªã„ã€ã‚’è§£æ±ºã—ã¾ã™ã€‚ æ„å¤–ã«ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œæˆæ–¹æ³•ã‚’è©³ã—ãæ•™ãˆã¦ã‚‚ã‚‰ã†æ©Ÿä¼šã¯å°‘ãªã„ã§ã™ã‚ˆãã€‚ ãã®ãŸã‚ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ‚©ã¿ã‚’æŠ±ãˆã‚‹äººãŒå¤šãã„ã¾ã™ã€‚ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãŒä½•ã‹ã‚’çŸ¥ã£ã¦ã„ã‚‹ã‘ã©ã€ã„ã¾ã„ã¡ã†ã¾ãã¾ã¨ã‚ã‚‰ã‚Œãªã„ã€‚ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã®æ‰‹é †ãŒåˆã£ã¦ã„ã‚‹ã‹ã©ã†ã‹è‡ªä¿¡ãŒãªã„ã€‚ webã‚µã‚¤ãƒˆã®åˆ¶ä½œéŽç¨‹ã«ãŠã„ã¦ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®æ™‚ç‚¹ã§å¤±æ•—ã—ã¦ã„ã‚‹ã¨æ¬¡ã®å·¥ç¨‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚çµ¶å¯¾ã†ã¾ãã¾ã¨ã¾ã‚Šã¾ã›ã‚“ã€‚ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ã€å®¶ã‚’å»ºã¦ã‚‹ã¨ãã®è¨è¨ˆå›³ã¨åŒã˜å½¹å‰²ã‚’ã—ã¾ã™ã€‚ é©å½“ã«ä½œã£ãŸè¨è¨ˆå›³ã‚’ã‚‚ã¨ã«å®¶ã‚’å»ºã¦ãŸã‚‰ã€å½“ç„¶ã€ä½ã¿ã«ããå´©ã‚Œã‚„ã™ã„ã‚‚ã®
horsetail 2015/03/04
pg_Web
ãƒªãƒ³ã‚¯
çŸæœŸé–“ï¼‹å¤§è¦æ¨¡ã‚²ãƒ¼ãƒ é–‹ç™ºã§ã‚‚ç ´ç¶»ã—ãªã„HTMLãƒ»SCSS
2. è‡ªå·±ç´¹ä»‹ â€¢ @shiwano â€¢ HTMLç‰ˆãƒãƒ¼ãƒ‰ã‚ªãƒ–ãƒŠã‚¤ãƒ„ã®ãƒ—ãƒã‚¸ã‚§ ã‚¯ãƒˆã«ã¯ã€6æœˆä¸æ—¬ã‹ã‚‰ã‚¢ã‚µã‚¤ãƒ³ â€¢ ã‚²ãƒ¼ãƒ é–‹ç™ºã¸ã®æœ¬æ ¼çš„ãªå‚åŠ ã¯ã€ä»Šå›ž ãŒåˆã‚ã¦ â€¢ ãã‚Œã¾ã§ã¯æ™®é€šã® Web è£½ä½œã§ã€ãƒžãƒ¼ ã‚¯ã‚¢ãƒƒãƒ—ã¨ã‹ã‚„ã£ã¦ãŸ
horsetail 2012/10/25
pg_Web
ãƒªãƒ³ã‚¯
IEã®ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ãŠã•ã‚‰ã„
CSSã‚„JavaScriptã‚’ä½¿ã£ã¦ã€IE6, IE7, IE8, IE9 ã¨IEã®ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Use Different Styles For Different Internet Explorer Versions [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ(class) CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ(å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) CSS: CSS Hack JavaScript JavaScript: jQuery ãŠã¾ã‘ CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸€ç•ªä¸Šã®è¦ç´ (html)ã«IE6/7/8ç”¨ã®classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
horsetail 2011/12/26
webé–‹ç™º

IE6

pg_Web
ãƒªãƒ³ã‚¯
ç¢ºèªç”»é¢ã§hiddenã«å…¥åŠ›å€¤ã‚’åŸ‹ã‚è¾¼ã‚€ã®ã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£çš„ã«ãƒ€ãƒ¡ã‹? | ãƒ–ãƒã‚°ãŒç¶šã‹ãªã„ã‚ã‘
ãŠç¤¼ å…ˆã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼(åˆå¿ƒè€…ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«ã‚„ã‚ŠãŒã¡ãª6ã¤ã®ãƒŸã‚¹)ã§ã€è‡ªåˆ†ã§ã‚‚ã³ã£ãã‚Šã™ã‚‹ãã‚‰ã„ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’é ‚ã„ãŸã€‚ã“ã®å†…å®¹ãŒå‚è€ƒã«ãªã‚‹ã¨æ€ã£ã¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãã‚ŒãŸäººã‚ˆã‚Šã€ä»–ã®äººã«ã‚‚ç´¹ä»‹ã—ãŸã„ã¨ã‹ã€ã‚ˆãã‚ã‚‹ã‚ˆãã¨ã„ã£ãŸå…±æ„Ÿã«è¿‘ã„æ°—æŒã¡ã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãã‚ŒãŸæ–¹ãŒå¤šã‹ã£ãŸã®ã¯ã€ç´ ç›´ã«ã†ã‚Œã—ã„ã—ã¨æ€ã£ãŸã—ã€å®‰å¿ƒã‚‚ã—ãŸã€‚ æœ¬é¡Œ ãŸã ã€ä½•äººã®æ–¹ã‹ã‚‰ã€Œç¢ºèªç”»é¢ã§hiddenã«å…¥åŠ›å€¤ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã€ã«å¯¾ã—ã¦ç–‘å•ã‚’æŠ±ã‹ã‚ŒãŸã€‚ã“ã‚Œã«å¯¾ã—ã¦åƒ•ãªã‚Šã®è§£é‡ˆã‚’ä»˜ã‘åŠ ãˆã¦ãŠããŸã„ã¨æ€ã†ã€‚ ä»¥ä¸‹ã¯ã€ã‚ãã¾ã§ã‚‚ãƒ•ã‚©ãƒ¼ãƒ ã®è©±ã€‚ ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã•ã‚ŒãŸã‚·ã‚¹ãƒ†ãƒ å†…ã«ãŠã‘ã‚‹ãªã‚“ã‚‰ã‹ã®æ›¸ãè¾¼ã¿ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ã€è©±ãŒå…¨ãå¤‰ã‚ã£ã¦ãã‚‹ã“ã¨ã«ã”æ³¨æ„ã‚’ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Œç¢ºèªç”»é¢ã§hiddenã«å…¥åŠ›å€¤ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã€ã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£çš„ã«ã¯å•é¡Œãªã„ã€‚ (ä»¥ä¸‹ã€ã“ã®æ–¹æ³•ã‚’hiddenæ–¹å¼ã¨å‘¼ã¶) ãã‚‚ãã‚‚ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
horsetail 2011/12/21
pg_Web

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webæ¨™æº–æ™®åŠãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸ã°ãªã„Webã‚µã‚¤ãƒˆã‚’ä½œã‚ã†! ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚„ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½¿ã£ã¦HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œã‚Šã€ è‡ªåˆ†ã®ä½¿ã£ã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã‚’ç¢ºèªã™ã‚‹ã€ å¤šãã®Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹äººã«ã¨ã£ã¦å½“ãŸã‚Šå‰ã‹ã‚‚ã—ã‚Œãªã„ä½œæ¥ã§ã™ã€‚ ã—ã‹ã—ã€ã”å˜ã˜ã§ã—ã‚‡ã†ã‹? ã‚ãªãŸã®è¡¨ç¤ºç¢ºèªã«ä½¿ã£ã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’å…¨ã¦ã®äººãŒä½¿ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚ãªãŸã®æŒã£ã¦ã„ãªã„Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ã‚ãªãŸã®Webãƒšãƒ¼ã‚¸ã¯ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã®ã§ã—ã‚‡ã†ã‹? ãã‚Œã¯å®Ÿéš›ã«è¡¨ç¤ºã•ã›ã¦ã¿ãªã‘ã‚Œã°åˆ†ã‹ã‚Šã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã¯Webæ¨™æº–ä»•æ§˜ã«æ²¿ã†ã‚ˆã†ã«é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€Webæ¨™æº–ä»•æ§˜ã‚’çŸ¥ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸ã°ãªã„Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯Webæ¨™æº–ä»•æ§˜ã«é–¢ã™ã‚‹æ§˜ã€…ãªæƒ…å ±ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€ ã‚ãªãŸã‚‚æ˜¯éžã€Webæ¨™æº–ä»•æ§˜ã«æ²¿ã£ãŸWebãƒ–ãƒ©ã‚¦ã‚¶ã‚’
horsetail 2010/11/12
Webãƒ‡ã‚¶ã‚¤ãƒ³

pg_Web
ãƒªãƒ³ã‚¯
1