[B! *css] fukudamasa09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fukudamasa09 id:fukudamasa09

*cssã«é–¢ã™ã‚‹fukudamasa09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

JavaScriptã‹ã‚‰CSSã‚’æ“ä½œã™ã‚‹æ–¹æ³•ã‚’çµæ§‹è©³ã—ãèª¿ã¹ã¦ã¿ãŸ (Kanasansoft Web Lab.)
ä»¥ä¸‹ã€ã»ã¨ã‚“ã©ãŒFirefoxã®è©±ã§ã™ã€‚ å®Ÿè¡Œç’°å¢ƒã¯Firebugã€‚ javascirptå´ã‹ã‚‰cssã‚’æŒ‡å®šã™ã‚‹ã¨ãã€ã‚ˆãä½¿ã‚ã‚Œã‚‹ã®ã¯æ¬¡ã®ã‚ˆã†ãªæ–¹æ³•ã€‚
fukudamasa09 2014/08/26
kanasan

*javascript

*programming

JavaScript

*CSS

CSS

ã¾ã¨ã‚

firefox

è¦‹ã‚‹

IE
ãƒªãƒ³ã‚¯
:linkã€:visitedã€:hoverã€:active ã®è¨˜è¿°é †åºã¨ãã®è¦šãˆæ–¹ - jmblog.jp
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§aè¦ç´ ã®ãƒªãƒ³ã‚¯ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã«ã€æ¬¡ã®ã‚ˆã†ã« 4 ã¤ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’ç”¨ã„ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ a:link { color: blue; } a:visited { color: purple; } a:hover { color: red; } a:active { color: yellow; } å®Ÿã¯ã“ã® 4 ã¤ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã®è¨˜è¿°é †åºã«ã¯æ³¨æ„ãŒå¿…è¦ã§ã€ link visited hover active ã®é †ç•ªã§è¨˜è¿°ã—ãªã„ã¨æ„å›³ã—ãŸçµæžœã«ãªã‚‰ãªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã“ã®é †åºã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœã“ã®é †ç•ªã˜ã‚ƒãªã‘ã‚Œã°ãƒ€ãƒ¡ãªã®ã‹ï¼Ÿ å®Ÿè·µ Web Standards Design ã«ã¯ã€æ¬¡ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ :hover æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã¨:active æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã¯ä¸€é€£ã®å‹•ä½œã§ã‚ã‚‹ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆå†…ã§ã‚‚ã“ã®é †ç•ªã§è¨˜è¿°ã—ãªã„ã¨æœ‰åŠ¹
fukudamasa09 2014/08/12
.jp

*css

Webåˆ¶ä½œ

ãƒªãƒ³ã‚¯

ãŠå½¹ç«‹ã¡

è±†çŸ¥è˜

tips

markup

html

css
ãƒªãƒ³ã‚¯
HTML5åˆå¿ƒè€…ã§ã‚‚Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç°¡å˜ãªä½œã‚Šæ–¹ãŒåˆ†ã‹ã‚‹è¨˜äº‹11é¸
HTML5åˆå¿ƒè€…ã§ã‚‚Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç°¡å˜ãªä½œã‚Šæ–¹ãŒåˆ†ã‹ã‚‹è¨˜äº‹11é¸ï¼šWebã‚µã‚¤ãƒˆä½œæˆæ‰‹é †ã‚’å‹‰å¼·ã™ã‚‹ã¾ã¨ã‚ï¼ˆ3ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ æ–°ç¤¾ä¼šäººã®Webåˆ¶ä½œè€…ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã«Adobe Creative Cloudã®ä½¿ã„æ–¹ã‚’ä¾‹ã«ã€ç¾å ´ã§ä½¿ãˆã‚‹å…·ä½“çš„ãªåˆ¶ä½œæ‰‹é †ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã‚“ã§ã„ãå…¥é–€ã¾ã¨ã‚é€£è¼‰ã€‚ä»Šå›žã¯Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ¶ä½œã«å½¹ç«‹ã¤Edge Animateã‚„Flash ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã€‚ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã‚·ãƒ³ãƒœãƒ«ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‘ã‚¹ã®ä½¿ã„æ–¹ã‹ã‚‰ã€ãƒ‘ãƒ–ãƒªãƒƒã‚·ãƒ¥æ–¹æ³•ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€éŸ³ã®ä»˜ã‘æ–¹ã€Flashã‹ã‚‰ã®å¤‰æ›ã¾ã§ã€ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å‰ã€…å›žã®ã€Œåˆå¿ƒè€…ã§ã‚‚Photoshopã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‹å…¥é–€è¨˜äº‹9é¸ã€ã€å‰å›žã®ã€ŒHTMLãƒ»CSSãƒ»WordPressåˆå¿ƒè€…ã®ãŸã‚ã®Dreamweaverã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‹è¨˜äº‹10é¸ã€ã§Webã‚µã‚¤ãƒˆã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚‰ã€Webã‚µã‚¤ãƒˆã«
fukudamasa09 2014/05/19
adobe

Webåˆ¶ä½œ

Adobe Creative Cloud

web

css3

flash

*css

webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSSã§çµµã‚’æãï¼ï¼Ÿä»Šæ—¥ã‹ã‚‰ä½œã‚Œã‚‹é”äººã®ã‚³ãƒ„ã‚’ã”ç´¹ä»‹
ã¯ã˜ã‚ã¾ã—ã¦! HTMLãƒ•ã‚¡ã‚¤éƒ¨(å†…å®šè€…)ã®ã€ã®ã³ãƒ¼ã§ã™ã€‚ 4æœˆã®å…¥ç¤¾ã«å‘ã‘ã¦ã€ã›ã£ã›ã¨å‹‰å¼·ã‚’ã—ã¦ã„ã‚‹ã‚¢ãƒ«ãƒã‚¤ã‚¿ãƒ¼ã§ã™ã€‚ jsdo.itã§ã¯ã€ãªã‚“ã¨æœ¬æ—¥ã€ã€ŒHTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆ å¿œç”¨ç·¨ã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸï¼ï¼ http://jsdo.it/blog/2013/01/html5cat-update.html ãƒªãƒªãƒ¼ã‚¹ã‚’è¨˜å¿µã—ã¦ã€ãƒ†ã‚¹ãƒˆå•é¡Œã«ã‚‚å‡ºé¡Œã•ã‚Œã‚‹ã€ã€ŒCSSã§çµµã‚’æãã€ã“ã¨ã‚’ãƒ†ãƒ¼ãƒžã«è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã™ï¼ â€» æ–‡ä¸ã®ä¾‹ã«ã¤ã„ã¦ã€Chromeã¨Firefoxã¨Operaã„ãšã‚Œã®æœ€æ–°ç‰ˆã¨IE10ãŒå¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ CSSã ã‘ã§çµµã‚’æã!? ã•ã¦çªç„¶ã§ã™ãŒã€ã“ã¡ã‚‰ã®ã‚¤ãƒ©ã‚¹ãƒˆã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ã¯ã„ã€çµµæœ¬ã«å‡ºã¦ããã†ãªã€ãŠã²ã•ã¾ã§ã™ã€‚ ãã—ã¦ã“ã®ã‚¤ãƒ©ã‚¹ãƒˆã€å®Ÿã¯CSSã ã‘ã§æã‹ã‚Œã¦ã„ã¾ã™ã€‚ ã€ŒCSSã£ã¦ã€Webã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã˜ã‚ƒãªã„ã®?ã€ã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ æ–è¨€ã—ã¾ã™ã€‚ã„ã¾
fukudamasa09 2013/08/08
css

ã‚ã¨ã§

css3

*css

ã‚¤ãƒ©ã‚¹ãƒˆ

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

html5

jsdo.it
ãƒªãƒ³ã‚¯
Notion â€“ The all-in-one workspace for your notes, tasks, wikis, and databases.
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
fukudamasa09 2013/08/07
css

bootstrap

è¨è¨ˆ

é–‹ç™º

*css

HTML

stylus

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

webåˆ¶ä½œ

framework
ãƒªãƒ³ã‚¯
ã‚ªãƒ³ãƒžã‚¦ã‚¹ã§ãµã‚“ã‚ã‚Šç¾ã‚Œã‚‹ï¼CSS3ã‚’ä½¿ã£ãŸå¹ãå‡ºã—ã‚µãƒ³ãƒ—ãƒ«5ã¤
ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã§ã™ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ãå‡ºã—ãŒç¾ã‚Œã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä»Šå›žã¯ç¾ã‚Œã‚‹å‹•ããŒé•ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’5ã¤ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸã‚‚ã®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ Chromeã€Firefoxã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„IE10ã ã¨ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ãƒ«ãŒå‹•ãã¾ã™ã€‚CSS3ã®transitionã‚„rotateãŒä½¿ãˆãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚æ©Ÿèƒ½çš„ã«ã¯å•é¡Œã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚opacityãŒä½¿ãˆãªã„IE8ä»¥ä¸‹ã¯ã¡ã‚‡ã£ã¨åŽ³ã—ã„ã§ã™ãŒã€æœ€å¾Œã«å°‘ã—å¯¾å¿œæ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã§ã¯ã€ä¸€ç•ªä¸Šã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è§£èª¬ã—ã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰ã€‚ Home Twitter Facebook RSS Setting aè¦ç´ ãŒã‚¢ã‚¤ã‚³ãƒ³ã§ã€spanè¦ç´ ãŒå¹ãå‡ºã—ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¯Webãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã—ã¾ã™ã€‚ ç¶šã„ã¦CSSã§ã™ã€‚ã„ã¤ã‚‚é€šã‚Šã¾ãšã¯å…¨éƒ¨è¼‰ã›ã¾ã™ã€‚ @font-face { font-family: 'typicon
fukudamasa09 2013/06/25
class

fonts

format

font

*css

css3

CSS

@font-face

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’CSS3ã§è£…é£¾ã—ã¦ä½œã£ãŸç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼
ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ä½¿ã£ãŸç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã‚Šã¾ã—ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ã‹ãªã‚Šå¤‰ã‚ã£ãŸä½¿ã„æ–¹ã§ã™ãŒã€CSSã®å‹‰å¼·ã«ã‚‚ãªã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãœã²ã€‚ ä»Šå›žã¯å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIEï¼—ï¼Œï¼˜ï¼‰ã§ã‚‚ãã‚Œãªã‚Šã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã®ã§ã€ãã“ãã“å®Ÿç”¨çš„ã ã¨æ€ã„ã¾ã™ã€‚ åˆ¥ã‚µãƒ¼ãƒãƒ¼ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã®ã§å‹•ä½œç¢ºèªã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ HTML ã§ã¯ã¾ãšå¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã‹ã‚‰ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif
fukudamasa09 2012/11/01
img

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

CSS3

å‹‰å¼·

ãƒ•ã‚©ãƒ¼ãƒ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

design>html

ç”»åƒ

*tips

*css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®åŠ¹çŽ‡çš„ã€åŠ¹æžœçš„ãªä½¿ã„æ–¹ã‚’ã„ã‚ã„ã‚
CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦ç°¡å˜ãã†ã§å¥¥ãŒæ·±ã„ã¨æ€ã„ã¾ã™ã€‚ã¨ã„ã†ã“ã¨ã§ã€å€‹äººçš„ã«ä½¿ã£ã¦ã„ã‚‹æ–¹æ³•ã‚„æ„å¤–ãªä½¿ã„æ–¹ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã®ã§å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ åŠ¹çŽ‡çš„ãªã‚»ãƒ¬ã‚¯ã‚¿ã®ä½¿ã„æ–¹ã¨èªã¿è¾¼ã¿é€Ÿåº¦ã‚’è€ƒãˆãŸã¨ãã«åŠ¹æžœçš„ãªã‚»ãƒ¬ã‚¯ã‚¿ã®ä½¿ã„æ–¹ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã®åŠ¹çŽ‡çš„ãªä½¿ã„æ–¹ åŒã˜å†…å®¹ãªã‚‰ã¾ã¨ã‚ã‚‹ ä¾‹ãˆã°ã“ã‚“ãªCSSãŒã‚ã‚Šã¾ã™ã€‚ h1 { color: black; } p { color: black; } ã‚«ãƒ³ãƒžã§åŒºåˆ‡ã£ã¦ã¾ã¨ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ h1, p { color: black; } !importantãŒã‚ã‚‹å ´åˆ ç¶šã„ã¦ã€!importantãŒã‚ã‚‹å ´åˆã€‚ h1, h2, h3 { font-weight: normal; } a strong { font-weight: normal !important; } strong { font-style: italic;
fukudamasa09 2012/11/01
font

webãƒ‡ã‚¶ã‚¤ãƒ³

!important

color

important

CSS

*webåˆ¶ä½œ

*css

*WEBçŸ¥è˜

CSS3
ãƒªãƒ³ã‚¯
ãƒªã‚ãƒƒãƒ‰ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ç¶ºéº—ã«ä¸¦ã¹ã‚‹ - WebOS Goodies
WebOS Goodies ã¸ã‚ˆã†ã“ãï¼ WebOS ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®æœªæ¥å½¢ã€‚ã‚ã‚‰ã‚†ã‚‹ Web ã‚µã‚¤ãƒˆãŒç¹‹ãŒã‚Šã€å…±æœ‰ã—ã€å”åŠ›ã—ã¦å‰µã‚Šä¸Šã’ã‚‹ã€ã²ã¨ã¤ã®å·¨å¤§ãªæƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ãã“ã§ã¯ã€ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã«è“„ç©ã•ã‚Œã€æˆ‘ã€…ã¯ã„ã¤ã§ã‚‚ã€ã©ã“ã‹ã‚‰ã§ã‚‚ã€å¤šå½©ãªãƒ‡ãƒã‚¤ã‚¹ã‚’ä½¿ã£ã¦ãã‚Œã‚‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚ WebOS Goodies ã¯ã€ã•ã¾ã–ã¾ãªæƒ…å ±æä¾›ã‚„ãƒ„ãƒ¼ãƒ«é–‹ç™ºã‚’é€šã—ã¦ã€ãã‚“ãªä¸–ç•Œã®å®Ÿç¾ã«å°‘ã—ã§ã‚‚è²¢çŒ®ã™ã‚‹ã¹ãæ´»å‹•ã—ã¦ã„ãã¾ã™ã€‚
fukudamasa09 2012/09/05
form

*CSS

layout

Web

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

webdesign

tips

ãƒ•ã‚©ãƒ¼ãƒ

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
css-lecture.comÂ -Â css lecture ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
fukudamasa09 2012/09/03
WebDesign

css

css

css3

CSS3

*webåˆ¶ä½œ

CSS

webåˆ¶ä½œ

Transform

*css
ãƒªãƒ³ã‚¯
ã‚¼ãƒã‹ã‚‰å¦ã¶ã€ŒCSS Spriteã€
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
fukudamasa09 2012/08/03
css sprite

Sprite

css

yahoo

*css

CSS Sprite

Webåˆ¶ä½œ

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

Webãƒ‡ã‚¶ã‚¤ãƒ³

tips
ãƒªãƒ³ã‚¯
IE6ã§ã‚ˆãéé‡ã™ã‚‹CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | ã‚³ãƒªã‚¹
Dave Woodsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒIE6 -CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã€ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹ï¼“ã¤ã®CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®æ„è¨³ã§ã™ã€‚ IE6 - CSS Bugs and Fixes Explained IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€hasLayoutãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã£ã¦èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€å°ã•ã„é«˜ã•ã‚’æŒ‡å®šã—ãŸå ´åˆã«èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ã¨è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã§ã€IE6ã¯ãƒžãƒ¼ã‚¸ãƒ³ãŒ20pxã«ãªã‚Šã¾ã™ã€‚ sample:ãƒã‚° #navigation{ float:Â left; width:Â 200px; margin-left:Â 10px; } #content{ float:Â right; width:Â 500px; margin-right:Â 10p
fukudamasa09 2012/07/23
IE6

ie

float

margin

hack

bug

CSS

ie6

IE

*css
ãƒªãƒ³ã‚¯
CSSã®åˆæœŸåŒ–ãƒ•ã‚¡ã‚¤ãƒ« | d-spica
CSSã®åˆæœŸåŒ–ãƒ•ã‚¡ã‚¤ãƒ« 2008-05-31 0 0 XHTML/CSS CSS ä»¥å‰ï¼Œ CSSã®åˆæœŸåŒ– ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ãã¾ã—ãŸã€‚ã‚ã‚Œã‹ã‚‰ã„ã‚ã„ã‚ã¨è©¦è¡ŒéŒ¯èª¤ã—ï¼ŒåˆæœŸåŒ–ãƒ•ã‚¡ã‚¤ãƒ«ãŒãšã„ã¶ã‚“å¤‰ã‚ã£ã¦ãã¾ã—ãŸã®ã§ï¼Œæ”¹ã‚ã¦ä»Šã¼ããŒä½¿ã£ã¦ã„ã‚‹æœ€æ–°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ default.css ä»¥ä¸‹ã‹ã‚‰ã”è¦§ã„ãŸã ã‘ã¾ã™ã€‚ default.css ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯æ¬¡ã®ã‚ˆã†ãªç›®çš„ã§ä½œã£ã¦ã„ã¾ã™ã€‚ å„ãƒ–ãƒ©ã‚¦ã‚¶ãŒæŒã¤ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®CSSã‚’ãƒªã‚»ãƒƒãƒˆã—ã¦ï¼Œãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®é•ã„ã‚’è§£æ¶ˆã™ã‚‹ã€‚ ã‚µã‚¤ãƒˆã‚„ãƒšãƒ¼ã‚¸ã«ã‚ˆã£ã¦æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ãªã„ï¼ŒåŸºæœ¬çš„ãªè¨å®šã‚’è¡Œã†ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒåˆ†ã‹ã‚Šã‚„ã™ããªã‚‹åˆæœŸå€¤ã‚’æŒ‡å®šã—ã¦ãŠãã€‚ ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ãƒˆã§ä½¿ã„å›žã›ã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã‚ã‘ã§ã™ã€‚ ãƒªã‚»ãƒƒãƒˆ /* Reset */ body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, d
fukudamasa09 2012/07/13
css

web_design

font

margin

css

input

*webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

*css

tips
ãƒªãƒ³ã‚¯
[CSS]ãƒžãƒ¼ã‚¸ãƒ³ã¨ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã®ä½¿ã„åˆ†ã‘ã‚’ãŠã•ã‚‰ã„ | ã‚³ãƒªã‚¹
CSSnewbieã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã®ãƒžãƒ¼ã‚¸ãƒ³(margin)ã¨ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°(padding)ã®åˆ©ç”¨ã‚·ãƒ¼ãƒ³ã«ãŠã‘ã‚‹é•ã„ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ When to Use Margins and Padding ãƒžãƒ¼ã‚¸ãƒ³(margin)ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆ ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°(padding)ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹å•é¡Œ ãƒžãƒ¼ã‚¸ãƒ³(margin)ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆ borderã®å¤–å´ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒå¿…è¦ãªå ´åˆã€‚ ã‚¹ãƒšãƒ¼ã‚¹ã«èƒŒæ™¯è‰²(ç”»åƒ)ã‚’é©ç”¨ã—ãŸããªã„å ´åˆã€‚ ä¸Šä¸‹ã«éš£æŽ¥ã—ãŸãƒœãƒƒã‚¯ã‚¹ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’è¨ã‘ã‚‹å ´åˆã€ãƒžãƒ¼ã‚¸ãƒ³ã®ç›¸æ®ºã‚’æœŸå¾…ã—ã¦ã€å¤§ãã„ã‚µã‚¤ã‚ºã‚’æœ‰åŠ¹ã«ã—ãŸã„å ´åˆã€‚ ä¾‹ï¼š15px + 20px ã®å ´åˆã€ã‚¹ãƒšãƒ¼ã‚¹ã¯20pxã€‚ â€»ç›¸æ®ºã•ã‚Œãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°(padding)ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆ borderã®å†…å´ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒå¿…è¦ãªå ´åˆã€‚ ã‚¹ãƒšãƒ¼ã‚¹ã«èƒŒæ™¯è‰²(ç”»åƒ)ã‚’é©ç”¨ã—ãŸã„å ´åˆã€‚ ä¸Šä¸‹ã«éš£æŽ¥ã—ãŸãƒœãƒƒã‚¯ã‚¹ã«ã‚¹
fukudamasa09 2012/03/16
padding

ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

css

*webåˆ¶ä½œ

tips

margin

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

*css
ãƒªãƒ³ã‚¯
Firebugã§å§‹ã‚ã‚‹CSSãƒ‡ãƒãƒƒã‚°
Firebugã§å§‹ã‚ã‚‹CSSãƒ‡ãƒãƒƒã‚° Firebugã¯Webåˆ¶ä½œã‚’ã‚¢ã‚·ã‚¹ãƒˆã—ã¦ãã‚Œã‚‹Firefoxã®æ‹¡å¼µæ©Ÿèƒ½(ã‚¢ãƒ‰ã‚ªãƒ³)ã§ã™ã€‚CSSãƒ‡ãƒãƒƒã‚°ã«é–¢ã—ã¦ã¯Web Developerã‚ˆã‚Šã“ã¡ã‚‰ã‚’ä½¿ã£ã¦ã„ã‚‹äººã®ã»ã†ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚å€‹äººçš„ã«ã‚‚Firebugãªã—ã§CSSã¯æ›¸ããŸããªã„ã¨æ€ã†ãã‚‰ã„é‡å®ã—ã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Firefoxã§é…å¸ƒã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ŒFirefoxã¸ã®è¿½åŠ ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ç”»é¢ä¸‹éƒ¨ã«ã€Žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«(5)ã€ã¨ã„ã£ãŸã‚°ãƒ¬ãƒ¼ã®ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ãŒã€ã™ã“ã—å¾…ã¤ã¨ã€Žä»Šã™ãã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã«å¤‰ã‚ã‚Šã¾ã™ã€‚å¤‰ã‚ã‚Šã¾ã—ãŸã‚‰ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’é–‹å§‹ã—ã¦ãã ã•ã„ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒçµ‚äº†ã—ãŸã‚‰Firefoxã®å†èµ·å‹•ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã®ã§ã€Firefoxã‚’å†èµ·å‹•ã—ã¦ãã ã•ã„ã€‚ Firebugã®ä½¿ã„æ–¹ Firebugã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®å³ä¸‹ã«
fukudamasa09 2011/11/30
ãƒ‡ãƒãƒƒã‚°

*CSS

firebug

ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«

CSS

firefox

webåˆ¶ä½œ

ã‚¢ãƒ‰ã‚ªãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1