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

suVene id:suVene

cssã«é–¢ã™ã‚‹suVeneã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (113)

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

[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
Matthew James Taylorã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€é«˜ã•ã®ç•°ãªã‚‹divã§çµ„ã‚“ã ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2ã‚«ãƒ©ãƒ demo: 3ã‚«ãƒ©ãƒ ä»¥å‰ã€ç´¹ä»‹ã—ãŸã€Œé«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ã§ã¯ã€ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã§è¦ç´ ãŒæ¶ˆå¤±ã—ãŸã‚Šã€IEã§å°åˆ·ã§ããªã„ãªã©ã®ä¸å…·åˆãŒã‚ã‚Šã¾ã—ãŸãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚‚ã®ã¯ã€ãã®ï¼’ã¤ã®ä¸å…·åˆãŒç„¡ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ï¼ˆIE7èª¿ã¹ï¼‰ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeãªã©ã»ã¨ã‚“ã©ã®ã‚‚ã®ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ä»•çµ„ã¿ã¯ã‚«ãƒ©ãƒ ã”ã¨ã«divã‚’ç”¨æ„ã—ã€ãã‚Œãžã‚Œã‚’ãšã‚‰ã—ã¦é…ç½®ã—ã¾ã™ã€‚ ä¸‹è¨˜ã¯ã€ãã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚
suVene 2008/10/31
css
ãƒªãƒ³ã‚¯
æœ€æ–°Webãƒ–ãƒ©ã‚¦ã‚¶ã€Webæ¨™æº–ã¸ã®å¯¾å¿œåº¦ã¯ï¼Ÿ | OSDN Magazine
2008å¹´ã«ãªã‚Šã€ä¸»è¦ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒç›¸æ¬¡ã„ã§è¡Œã‚ã‚Œã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶è‡ªä½“ã®æ©Ÿèƒ½å¼·åŒ–ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹ã»ã‹ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã«ã¤ã„ã¦ã‚‚ç©æ¥µçš„ã«æ”¹è‰¯ãŒè¡Œã‚ã‚Œã€æ–°ãŸãªæ©Ÿèƒ½ãŒå–ã‚Šè¾¼ã¾ã‚Œã¦ã„ã‚‹ã€‚ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€æœ€æ–°Webãƒ–ãƒ©ã‚¦ã‚¶ãŒæè¼‰ã—ã¦ã„ã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã«ã¤ã„ã¦ã€ãã‚Œãžã‚ŒãŒå‚™ãˆã¦ã„ã‚‹æ©Ÿèƒ½ã‚„Webæ¨™æº–è¦æ ¼ã¸ã®å¯¾å¿œçŠ¶æ³ã«ã¤ã„ã¦æ¯”è¼ƒã—ã¦ã„ãã€‚ 2008å¹´8æœˆæœ«ã€Internet Explorerï¼ˆIEï¼‰8ã®ãƒ™ãƒ¼ã‚¿2ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€‚IE8ã§ã¯ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å‘ä¸Šã‚„ã€å¤šæ•°ã®æ–°æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦ãŠã‚Šã€æ£å¼ç‰ˆãƒªãƒªãƒ¼ã‚¹ã¸ã®æœŸå¾…ã‚‚é«˜ã¾ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ã—ã‹ã—ã€å¤§è¦æ¨¡ãªæ”¹è‰¯ãŒåŠ ãˆã‚‰ã‚Œã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã¯IEã ã‘ã§ã¯ãªã„ã€‚ä»Šå¹´6æœˆã«ã¯Firefoxã®æ–°ç‰ˆã§ã‚ã‚‹Firefox 3ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã‚‹ã»ã‹ã€åŒã˜ã6æœˆã«å…¬é–‹ã•ã‚ŒãŸOpera 9.5ã‚„
suVene 2008/10/12
browser

css
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©! CSSã®ã‚³ãƒ”ãƒšã¯ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ - SitePoint CSS Reference | ãƒãƒƒãƒˆ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
SitePoint CSS Reference SitePointã¯31æ—¥(ç±³å›½æ™‚é–“)ã€CSSã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆSitePoint CSS Referenceã‚’å…¬é–‹ã—ãŸã€‚åŒã‚µã‚¤ãƒˆã¯Tommy Olssonæ°ãŠã‚ˆã³Paul O'Brienæ°ã¨ã„ã†è‘—åãª2äººã®CSSã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã‚ˆã£ã¦åŸ·ç†ã•ã‚ŒãŸã‚‚ã®ã€‚ãã®ã¾ã¾ã‚³ãƒ”ãƒ¼&ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ä½¿ãˆã‚‹ã‚ˆã†ãªCSSã®ã‚³ãƒ¼ãƒ‰ã¨èª¬æ˜ŽãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆã§ã€CSSã‚’ç·¨é›†ã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã¯ãœã²ã¨ã‚‚ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã‚µã‚¤ãƒˆã ã€‚ SitePoint CSS Referenceã¯å…¬é–‹ä»¥å‰ã¨ãªã‚‹ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆãƒ™ãƒ¼ã‚¿ãƒ†ã‚¹ãƒˆã®çŠ¶æ…‹ã§ã€ã™ã§ã«SitePointã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ã¦æ”¹å–„ãŒå®Ÿæ–½ã•ã‚Œã¦ã„ã‚‹ã€‚ã„ã‚ã°ç¾çŠ¶ã§ã®CSSãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãŒã¾ã¨ã¾ã£ã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã€‚ SitePoint CSS Reference - ãã®ã¾ã¾ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®
suVene 2008/02/03
css

reference
ãƒªãƒ³ã‚¯
IE7.jsç™»å ´ - IEã®CSS/HTMLéžæº–æ‹ ã¯ã“ã‚Œã§å¯¾å¿œ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Dean Edwardsæ°ã¯7æ—¥(ç±³å›½æ™‚é–“)ã€IEã®å‹•ä½œã‚’W3Cæ¨™æº–ä»•æ§˜ã¸æº–æ‹ ã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªIE7.jsã®æœ€æ–°ç‰ˆã‚’å…¬é–‹ã—ãŸã€‚IE7.jsã¯JavaScriptã§é–‹ç™ºã•ã‚ŒãŸMS Internet Explorerã®HTML/CSSè¡¨ç¤ºã‚’èª¿æ•´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚IE7.jsã‚’ä½¿ã†ã“ã¨ã§MSIEã®HTML/CSSã¾ã‚ã‚Šã®è¡¨ç¤ºå‡¦ç†ã‚’ã‚ˆã‚ŠW3Cæ¨™æº–è¦ç´„ã«æº–æ‹ ã—ãŸã‚‚ã®ã«ã™ã‚‹ã€‚IE5ã‚„IE6ã§é€éŽPNGã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã‚‚ãªã‚‹ã€‚ IE7.jsã¯åŸºæœ¬çš„ã«MSIE5/6å‘ã‘ã«ç”¨æ„ã•ã‚Œã¦ã„ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’IE7ã«å¯¾å¿œã•ã›ãŸã‚‚ã®ã€‚ã“ã‚Œã¾ã§ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«æ§‹é€ ã¯å»ƒæ¢ã•ã‚Œã€IE7.jsã‚„IE8.jsã¨ã„ã£ãŸã‚ˆã†ã«å€‹åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†é›¢ã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°å…ˆã‚‚Google Codeã¸å¤‰æ›´ã•ã‚ŒãŸã€‚IE7.jsã¯ã‚µã‚¤ã‚ºã‚‚ç¸®å°ã•ã‚Œã€åœ§ç¸®ã—ãŸçŠ¶æ…‹ã§11KBã»ã©ã€‚ã¾ãŸbase2.DOMã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã‚ˆã‚Šé«˜é€Ÿã«å‹•
suVene 2008/01/10
javascript

css

ie
ãƒªãƒ³ã‚¯
Tumblr Big Photosã‚’userContent.cssã§ (V3ç”¨ã«è¿½è¨˜ã‚ã‚Š)
Tumblrã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã‚µãƒ ãƒã‚¤ãƒ«åŒ–ã•ã‚Œã¦ã„ã‚‹å†™çœŸã‚’å¤§ããè¡¨ç¤ºã—ã¦ãã‚Œã‚‹Tumblr Big Photosã®åŠ¹æžœã‚’ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿç¾ã—ã¦ã¿ãŸï¼Žãƒ ãƒªãƒ¤ãƒªHTMLã‚’æ›¸ãæ›ãˆã‚‹æ„Ÿã˜ã®å‹•ä½œãŒãªããªã‚‹ã®ã§ï¼Œã“ã£ã¡ã®æ–¹ãŒã„ã„ã‹ã‚‚ã—ã‚Œãªã„ãï¼Ž ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªå†…ã®userContent.cssã«ä»¥ä¸‹ã®è¨˜è¿°ã‚’è¿½åŠ ã™ã‚‹ï¼Žã“ã®æ‰‹ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§¦ã‚‹ã¨ãã«ã¯MR Tech Local InstallãŒã‚ã‚‹ã¨ä¾¿åˆ©ï¼ä¸€ç”Ÿæ‡¸å‘½ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’æŽ˜ã‚Šä¸‹ã’ã¦ã„ã‹ãªãã¦ã‚‚ï¼Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰é–‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ï¼Œãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’é–‹ãã®ã«è‹¦åŠ´ã—ã¦ã„ã‚‹äººã¯è©¦ã—ã¦ã¿ã¦ãã ã•ã„ï¼Ž /* * Tumblr Big Photos * */ @-moz-document url-prefix(http://www.tumblr.com/dashboard) { ol#posts li.dim div.post_co
suVene 2007/09/26
ã“ã‚Œã¯ã‚ˆã„ã€‚ã‚ˆã‚ŠDashboardãŒæ¥½ã—ããªã‚‹ã€‚

tumblr

css

firefox

install
ãƒªãƒ³ã‚¯
tumblr.ã€ã¯ã˜ã‚ã¾ã—ãŸã€‚ - Trans
ã‚‚ã£ã¨å‰ã«ã‚¢ã‚«ã‚¦ãƒ³ãƒˆè‡ªä½“ã¯æŒã£ã¦ã„ãŸã¿ãŸã„ãªã‚“ã§ã™ãŒï¼ˆæœ¬äººã‚‚å¿˜ã‚Œã¦ãŸï¼‰ã€ä»Šé€±ã‚ãŸã‚Šã‹ã‚‰ã¡ã‚ƒã‚“ã¨å‹•ã‹ã™ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ http://aratakojima.tumblr.com/ ä½•ã«ä½¿ãˆãã†ãªã®ã‹å››è‹¦å…«è‹¦ã—ã¾ã—ãŸãŒã€çµå±€ä»Šè‡ªåˆ†ãŒå‹‰å¼·ä¸ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€HCDãªã©ã®UIé–¢é€£ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã¦ã€ã€ŒãŠã€ã“ã®è¨€è‘‰ã€å¾…ã£ã¦ã¾ã—ãŸï¼ã€ã¨ã‹ã€ã€Œã“ã†ã„ã†ã“ã¨ãªã‚“ã ãªãƒ¼ã€ã¨æ„ŸéŠ˜ã—ãŸè¨€è‘‰ãªã©ã®ã‚¹ã‚¯ãƒ©ãƒƒãƒ—ãƒ–ãƒƒã‚¯çš„ã«ä½¿ãŠã†ã‹ã¨ç›®è«–ã‚“ã§ã„ã¾ã™ã€‚ï¼ˆã™ãã«å¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒï¼‰ ãŠæ°—è»½ã«addãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€twitterã§ã€ @hkn tumblr ãªã‚‰ã€ XHTML ã¯ã»ã¼å…¨éƒ¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã‚ˆã€‚ CSS ãŒå¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ã•ã‚Œã¦ã„ãªã„ã§ã™ã‘ã©ã€‚ *Tw* ã¨ã‹ã£ã¦è¨€ã£ã¡ã‚ƒã£ãŸã®ã§ã€CSSã‚’ã„ã˜ã£ã¦ã¿ã¾ã—ãŸã€‚font-sizeãŒã»ã¨ã‚“ã©pxæŒ‡å®šã§ã‹ãªã‚Šã‚¤ãƒ©ã‚¤ãƒ©ã—ã€å‹•ç”»ã¨ã‹ã¯ã¾ã è²¼ã£
suVene 2007/07/31
tumblr

css

templates
ãƒªãƒ³ã‚¯
style.cssText ã®ä½¿ã„å‡¦ã«é–¢ã™ã‚‹è€ƒå¯Ÿ - ITæˆ¦è¨˜
css Text ã£ã¦çŸ¥ã£ã¦ã¾ã™ã‹ï¼Ÿ css Text ã£ã¦ã„ã„ã†ã®ã¯ CSSRule ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã‹ CSSStyleDeclaration ãŒæŒã£ã¦ã„ã‚‹æƒ…å ±ã‚’ css ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ãå½¢å¼ã®æ–‡å—åˆ—ã«ã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ä¹±æš´ã«è¨€ã£ã¦ã—ã¾ãˆã°ã€ css ç³»ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒæŒã£ã¦ã„ã‚‹ innerHTML ã¿ãŸã„ãªã‚‚ã®ã§ã™ã€‚ å…·ä½“ä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã‚“ãªæ„Ÿã˜ã® body ãŒã‚ã‚‹ã¨ãã« <body style="margin: 1em; padding: 1em; border: 1em">....</body> ã“ã‚“ãªæ„Ÿã˜ã§ä½¿ãˆã¾ã™ã€‚ alert(document.body.style.css Text); // 'margin: 1em; padding: 1em; border: 1em' ç°¡å˜ã§ã—ã‚‡ã†ï¼Ÿ(ãƒœãƒ–ç•¥ è¨å®šã‚‚å‡ºæ¥ã¾ã™ã‚ˆ ã“ã‚“ãªæ„Ÿã˜ // ã•ã£ãã®ç¶šã document.body
suVene 2007/07/31
javascript

css
ãƒªãƒ³ã‚¯
è«–ç†æ§‹é€ ã‚’æ–‡è„ˆã«èªã¿æ›ãˆãªãŒã‚‰ class åã‚’è€ƒãˆã‚‹ - æˆ‘çš„æ˜¥ç§‹
POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsã‚ˆã‚Š åŸºæœ¬çš„ã«ã¯ã‚ˆã‚Šè«–ç†æ§‹é€ ã‚’æ„è˜ã—ãŸ classåã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã€ä»Šæ—¥ã®ãŠè©±ã®ç›®çš„ãªã‚“ã§ã™ãŒã€semantic-class-names ã®ãƒªãƒ³ã‚¯å…ˆã«ãªã„æ–°å‘³ã¯ã€è«–ç†æ§‹é€ ã‚’æ–‡è„ˆã«èªã¿æ›ãˆãªãŒã‚‰ class åã‚’è€ƒãˆã‚‹ã¨ã„ã†ç‚¹ã€‚ï¼ˆãŸã ã—ã€æ™®æ®µã‹ã‚‰æ„è˜çš„ã«æ–‡æ›¸å…¨ä½“ã®æ§‹é€ ã«ç…§ã‚‰ã—ã¦ classåã‚’ã¤ã‘ã¦ã„ã‚‹æ–¹ã«ã¯ã€ãã‚Œã»ã©æ–°å‘³ã¯ãªã„ã‹ã‚‚ã€‚ï¼‰ ä¾‹ã«ã‚ˆã£ã¦
suVene 2007/05/30
css

html
ãƒªãƒ³ã‚¯
style è¦ç´ ã‚’å‹•çš„ã«ç”Ÿæˆã™ã‚‹ - m2
æ™®é€šã«è€ƒãˆã‚Œã°ã“ã‚“ãªæ„Ÿã˜ã€‚ var style=document.createElement('style'); style.setAttribute('type', 'text\/css'); style.innerHTML='â€¦'; document.getElementsByTagName('head')[0].appendChild(style); ãŒã€IE6 ã§ã¯ style è¦ç´ ã® innerHTML ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ readOnly ã®ã‚ˆã†ã§ã€3è¡Œç›®ã§ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã€‚ ã€Œã‚¨ãƒ©ãƒ¼ï¼šæœªçŸ¥ã®å®Ÿè¡Œæ™‚ã‚¨ãƒ©ãƒ¼ã§ã™ã€‚ã€ã¨ã„ã†ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã§ã™ã€‚ ã“ã‚Œã‚’ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦å›žé¿ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ var wrap=document.createElement('div'); // æœ€åˆã« style ã§ãªã„ãƒŽãƒ¼ãƒ‰ãŒç„¡ã„ã¨ style ãŒç”Ÿæˆã•ã‚Œãªã„ wrap.innerHT
suVene 2007/04/10
javascript

css

tips

BK
ãƒªãƒ³ã‚¯
CSS 2.1ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ -- è„±åˆå¿ƒè€…ã‚’ã‚ã–ã™äººã®ãŸã‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆè¬›åº§
suVene 2007/04/04
css

reference
ãƒªãƒ³ã‚¯
YUI Fonts CSSã®line-height: 1.22em;ã®è¬Žã‚’è§£ãï¼ - Trans
å…ˆæ—¥ã‹ã‚‰ã€ãšã£ã¨é ã«å¼•ã£æŽ›ã‹ã£ã¦ã„ãŸYUIã®Fonts CSSã®body * { line-height: 1.22em;}ã¨ã„ã†æŒ‡å®šã€‚ã¯ã¦ãªã®äººåŠ›æ¤œç´¢ã§ã‚‚è³ªå•ã—ã¦ã¿ãŸã®ã§ã™ãŒã€çµå±€åˆ†ã‹ã‚‰ãšã˜ã¾ã„ã§ã€ä»•æ–¹ãŒãªãã€è‡ªåˆ†ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã¿ã¾ã—ãŸã€‚ã©ã†ã‚„ã‚‰ã€id:b-windã•ã‚“ãŒãŠã£ã—ã‚ƒã‚‹ã‚ˆã†ã«ã€ã“ã®ã€Œ*ã€å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãŒã‚ãƒ¼ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ ã¾ãšã€ãŠã•ã‚‰ã„ã€‚ ãã‚‚ãã‚‚ã€ãªãœã“ã®line-heightã«ç–‘å•ã‚’æ„Ÿã˜ãŸã®ã‹ã¯ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚Lucky bag::blog: line-height ã®å€¤ã«ã¯å˜ä½ãªã—ãŒè‰¯ã„ã¨ã•ã‚Œã‚‹ç†ç”±ã€‚ã¯ã¦ãƒ–ã®æ•°ã‹ã‚‰ã—ã¦ã‚‚èªã‚“ã äººå¤šã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã¾ãšã€ã“ã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã€ã“ã¡ã‚‰ã§ã‚‚ãƒ†ã‚¹ãƒˆç”¨ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚Lucky bagã•ã‚“ã¨ã»ã¨ã‚“ã©åŒã˜ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ YUI Fonts CSSã®line-hight: 1.22em;ã¯ä½•ãªã®ã‹ï¼Ÿãã®1ã€‚ li
suVene 2007/03/14
css

font
ãƒªãƒ³ã‚¯
æœ€åˆã«æŒ‡å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãªCSS | Tech de Go
suVene 2007/03/11
css

webdesign

startup
ãƒªãƒ³ã‚¯
lockã‚¨ãƒ©ãƒ¼Â |Â æœˆé¡200å††ã‹ã‚‰ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼Â JSN
ã¾ãšã¯æœ€è¿‘çŸ¥ã£ã¦ä¾¿åˆ©ã ã¨æ€ã£ãŸCSSã®å°æŠ€ã‚’ã²ã¨ã¤ã€‚ æ–‡ç« ã®æœ€å¾Œã«ã€ã€Œâ€»ï¼ˆç±³å°ï¼‰ã€ãªã©ã§æ³¨é‡ˆã‚’å…¥ã‚ŒãŸã„ã¨ãã«ã€CSSã®ã¿ã§è¡Œã®é–‹å§‹ä½ç½®ã‚’æƒãˆã‚‹ã®ã«ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ãªã‚„ã‚Šæ–¹ãŒã“ã‚Œã€‚ .note { padding-left:1em; text-indent:-1em; } <p class=â€noteâ€>â€»ç±³å°ã‚’ä½¿ã†å ´åˆã¯ã“ã„ã¤ãŒä¾¿åˆ©ã€‚<br /> æ”¹è¡Œã—ã¦ã‚‚ã“ã®é€šã‚Šã€‚ã¡ã‚ƒã‚“ã¨é–‹å§‹ä½ç½®ãŒæƒã£ã¦ã‚‹ã€‚</p> ã€Œpadding-left : 1em;ã€ã§ã¾ãšï¼‘æ–‡å—åˆ†å³ã«å‹•ã‹ã—ã¦ã€ã€Œtext-indent : -1em;ã€ã§æœ€åˆã®è¡Œã ã‘ï¼‘æ–‡å—åˆ†å·¦ã«å‡ºã™ã€ã¨ã„ã†ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚ã“ã‚Œè€ƒãˆãŸäººã¯ãˆã‚‰ã„ã£ã™ãã‡ã€‚ ä»–ã«ã¯é–‹å§‹ä½ç½®ã‚’æƒãˆã‚‹ã„ã‚ã‚†ã‚‹ã€Œã¶ã‚‰ä¸‹ã’ã€ã‚’CSSã§ã‚„ã‚‹å ´åˆã€<div>ã‚¿ã‚°ã®å…¥ã‚Œåã‚’ä½¿ã£ã¦ã‚‚ã„ã„ãŒã€<dl><dt><dd>ã®å®šç¾©åž‹ãƒªã‚¹ãƒˆã‚’ä½¿ã†ã®ãŒãŠã™ã™ã‚ã€‚Definition Listã®ç•¥ã§
suVene 2007/03/05
è³¢ã„ã€‚prototype.js ã¯ã„ã‚„ã ã‘ã©ã€‚

css

tips
ãƒªãƒ³ã‚¯
LivedoorReaderã®ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒ•ã‚£ãƒ¼ãƒ‰ã‚’éžè¡¨ç¤ºã«ã™ã‚‹Greasemonkeyã‚¹ã‚¯ãƒªãƒ—ãƒˆ - æŠ€è¡“ãƒ¡ãƒ¢å¸³
goodbye sponser // ==UserScript== // @name LDR - hide sponser feed // @namespace http:// // @description LDR no sponser feed wo hide simasu // @include http://reader.livedoor.com/reader/* // ==/UserScript== unsafeWindow.tracking = function(){}; var callbacks = unsafeWindow.LDR.trigger.triggers.before_init.callbacks; for(var i=0; i<callbacks.length; i++){ if( callbacks[i].toString().match( /functio
suVene 2007/02/28
.adfeeds_body { display: none !important; }

ldr

css
ãƒªãƒ³ã‚¯
èªè¨¼ãŒã‹ã‹ã£ã¦ã„ã¾ã™
ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ã«ã¯èªè¨¼ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼å ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Powered by Seesaa
suVene 2007/02/23
ã€Žãã‚Œã«*ã¯ãªã‚“ã¨ãªãã‚«ãƒƒã‚³ã„ã„ã€ ãã†ã‹ãªã€‚ãŠã—ã‚Šã®ç©´ã¿ãŸã„ã˜ã‚ƒã‚“ã€‚

css
ãƒªãƒ³ã‚¯
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«åƒ•ãŒã„ã¤ã‚‚ä½¿ã£ã¦ã‚‹CSSã®ã‚»ãƒƒãƒˆã‚’å…¬é–‹ã™ã‚‹ã‚ˆ::::::STOPN' LISTEN::::::to the silence:::::::
esprit
suVene 2007/02/13
css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒãƒ¼ãƒ—ã‚« - ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã†ãˆã§ã®tips
CSS | 01:06 | ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã„ã˜ã‚‹ä¸Šã§ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ç‹¬è‡ªã«æ°—ã‚’ã¤ã‘ãªãã¦ã¯ã„ã‘ãªã„ã‚‚ã®ã«ã¤ã„ã¦ä¾‹ã‚’ã‚ã’ã¦ã¿ã¾ã™ã€‚DOCTYPEå®£è¨€ãŒäº’æ›ãƒ¢ãƒ¼ãƒ‰ã¾ãšä¸€ç•ªå•é¡Œã«ãªã‚‹ã®ãŒã“ã“ã§ã—ã‚‡ã†ã‹ã€‚æ°—ã‚’ã¤ã‘ãªãã¦ã¯ã„ã‘ãªã„ã®ã¯ãªã‚“ã¨ã„ã£ã¦ã‚‚ã€ŒIEã§è¦‹ã‚‹ã¨widthã«paddingãŒãµãã¾ã‚Œã‚‹ã€ã¨ã„ã†ç‚¹ã§ã™ã€‚ã“ã‚Œã¯IE7ã«ãªã£ã¦ã‚‚å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚ãã®ãŸã‚widthã¨paddingã‚’åŒå±…ã•ã›ãŸè¦ç´ ã‚’è¨˜è¿°ã—ãŸå ´åˆã«IEã¨ä»–ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è¡¨ç¤ºãŒå¤‰ã‚ã£ã¦ã—ã¾ã„ã¾ã™ã€‚å›žé¿ç–ã§ä¸€ç•ªç°¡å˜ãªã®ã¯åŒã˜è¦ç´ ã«widthã¨paddingã‚’åŒå±…ã•ã›ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãŸã ã—ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®æ§‹é€ ä¸Šh1ã¨ã‹ã§widthã¨paddingã‚’ä¸€ç·’ã«ä½¿ã‚ã–ã‚‹ã‚’å¾—ãªããªã£ãŸã‚Šã™ã‚‹ã®ã§ãã‚“æ™‚ã¯ãƒãƒƒã‚¯ã™ã‚‹ã—ã‹ãªã„ã§ã™ã€‚ã¯ã¦ãªã®ãƒ˜ãƒƒãƒ€ã‚’é€æ˜Žã«ã™ã‚‹ã¯ã¦ãªã®ãƒ˜ãƒƒãƒ€ã¯é…è‰²ãŒã—ã‚„ã™ã„ã‚ˆã†ã«ã€ç”»åƒéƒ¨ãŒé€éŽã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸ
suVene 2007/02/10
hatena

design

tips

css
ãƒªãƒ³ã‚¯
CSS TIPS Â» floatã—ãŸéš›ã®èƒŒæ™¯è¡¨ç¤º
è¦ªãƒœãƒƒã‚¯ã‚¹ã«èƒŒæ™¯ã‚’è¨å®šã—ã¦ã€å†…åŒ…ã™ã‚‹åãƒœãƒƒã‚¯ã‚¹ã«å¯¾ã—ã¦floatã‚’é©å¿œã—ãŸå ´åˆã€IEã§ã¯åãƒœãƒƒã‚¯ã‚¹ã‚’å†…åŒ…ã™ã‚‹å½¢ã§èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã«å¯¾ã—ã¦ã€Firefoxã§ã¯è¦ªãƒœãƒƒã‚¯ã‚¹ã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªããªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ãªã‚‹htmlã¯ <div class="parent"> è¦ªãƒœãƒƒã‚¯ã‚¹ <div class="child"> åãƒœãƒƒã‚¯ã‚¹ </div> <div class="child"> åãƒœãƒƒã‚¯ã‚¹ </div> </div> ã¨ã—ã¾ã™ã€‚ ã“ã‚Œã«å¯¾ã—ã¦ div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } ã“ã®ã‚ˆã†ãªCSSã‚’é©å¿œã—ãŸå ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¡¨ç¤ºã«ãªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ã“ã‚Œã¯IEãŒfloatã®å‡¦ç†ãŒ
suVene 2007/02/08
float æ™‚ã®æµã—ã“ã¿æ³¨æ„ç‚¹

css

bug
ãƒªãƒ³ã‚¯
ãã‚ãã‚CSSãƒãƒƒã‚¯ã®è‰¯ã—æ‚ªã—ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚‹ï¼ˆæ›¸å¼ç·¨ï¼‰ | Blog hamashun.com
é–¢é€£ãƒªãƒ³ã‚¯ ãã‚ãã‚CSSãƒãƒƒã‚¯ã®è‰¯ã—æ‚ªã—ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚‹ï¼ˆæ›¸å¼ç·¨ï¼‰ ãã‚ãã‚CSSãƒãƒƒã‚¯ã®è‰¯ã—æ‚ªã—ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚‹ï¼ˆç®¡ç†ç·¨ï¼‰ ãŠã¾ã‘ä»˜ã Re:CSS ã®ç”¨é€”ã‚’ã‚ã–ã‚ã– (X)HTML ã«é™ã‚‹ã“ã¨ã¯ãªã„ ã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ã«ç«¯ã‚’ç™ºã™ã‚‹ã‚¢ãƒ¬ã‚³ãƒ¬ ã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ã«ç«¯ã‚’ç™ºã™ã‚‹ã‚¢ãƒ¬ã‚³ãƒ¬ ã¾ã¨ã‚ç·¨ ãƒ•ãƒ«CSSã§ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã€ã¾ã ã¾ã é¿ã‘ã¦ã¯é€šã‚Œãªã„ã®ãŒCSSãƒãƒƒã‚¯ã§ã™ã€‚ å··ã«ã¯è‰²ã‚“ãªãƒãƒƒã‚¯ãŒæº¢ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯è‰¯ã„ãƒãƒƒã‚¯ã¨æ‚ªã„ãƒãƒƒã‚¯ã‚’ã€Žæ›¸å¼ã€ã‚’ã‚ãƒ¼ã«ã—ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ãƒãƒƒã‚¯ã¯ã‚ãã¾ã§æœ€çµ‚æ‰‹æ®µã§ã‚ã‚Šã€ä½¿ã‚ãªã„ã«ã“ã—ãŸäº‹ã¯ç„¡ã„ã¨ã„ã†äº‹ã‚’ã€äº‹å‰ã«æ›¸ã„ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸€éƒ¨CSSãƒãƒƒã‚¯ã¨å‘¼ã¶ã«ã¯èªžå¼ŠãŒã‚ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶å®Ÿè£…ã®å·®ç•°ã«å¯¾ã™ã‚‹æŠ€è¡“ã€ã¨ã„ã£ãŸæ„å‘³åˆã„ã§ã€ã“ã®è¨˜äº‹ã§ã¯ãƒãƒƒã‚¯ã§çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚¿ã«é€šã‚‹ã‹å¦ã‹ ã¾ãšæœ€ä½Žæ¡ä»¶ã¨ã—ã¦ã€ãƒãƒªãƒ‡ãƒ¼ã‚¿
suVene 2007/02/07
css

tips
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º(2) - Stylish - ãˆã‚€ã‚‚ã˜ã‚‰
ã“ã®è¨˜äº‹ã¯ã€Software Design 2007å¹´1æœˆå·ã«æŽ²è¼‰ã•ã‚ŒãŸæ‹™è‘—ã€ŒFirefox 2 ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚¬ã‚¤ãƒ‰ã€ã®ä¸€éƒ¨ã‚’åŠ ç†ä¿®æ£ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”¨ã„ã¦ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚„ Firefox æœ¬ä½“ã®è¦‹æ „ãˆã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚‚ãã˜ ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç®¡ç†ã™ã‚‹ Stylish ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç®¡ç† ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½œæˆ ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ ãã®ä»–ã®æƒ…å ± about:config ã¨ user.js ã«ã‚ˆã‚‹ Firefox ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºï¼ˆåˆ¥ãƒšãƒ¼ã‚¸ï¼‰ ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º(1)ï¼ˆåˆ¥ãƒšãƒ¼ã‚¸ï¼‰ Stylishã§ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç®¡ç† Stylish ã¨ã„ã†æ‹¡å¼µæ©Ÿèƒ½ã‚’ç”¨ã„ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç°¡å˜ã«ç®¡ç†ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Stylish ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã€ã“ã®ã‚ˆã†ãªç®¡ç†ç”»é¢ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã«åå‰ã‚’ã¤ã‘ã¦å€‹åˆ¥ã«ã‚ªãƒ³ï¼ã‚ªãƒ•ã®åˆ‡ã‚Šæ›¿ãˆã€
suVene 2007/02/02
user css

firefox

css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸