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

KAZUMiX id:KAZUMiX

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

${{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 ã§ç°¡å˜ã«ä¸Šä¸‹ä¸å¤®æƒãˆã‚’å®Ÿç¾ã™ã‚‹
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
KAZUMiX 2008/03/17
css
ãƒªãƒ³ã‚¯
ãƒªã‚¾ãƒ¬ãƒ¼ãƒŒ ã‚µãƒ—ãƒªã‚’å£ã‚³ãƒŸã ã‘ã§åˆ¤æ–ã—ã¦ã¯ãƒ€ãƒ¡ï¼Ÿãƒã‚¹ãƒˆã‚¢ãƒƒãƒ—åŠ¹æžœãŒå£ã‚³ãƒŸé€šã‚Šãªã®ã‹è©¦ã—ã¦ã‚ã‹ã£ãŸã“ã¨ã‚’åŒ…ã¿éš ã•ãšå…¬é–‹ã—ã¾ã™ï¼
KAZUMiX 2007/10/31
css
ãƒªãƒ³ã‚¯
[CSS]é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
Columnas 100% altas Columnas 100% altasã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ä¸‹è¨˜ã®ãƒ‡ãƒ¢ã®ã‚ˆã†ã«é«˜ã•ã®ç•°ãªã‚‹divã§çµ„ã‚“ã ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ sample:é«˜ã•ãŒã°ã‚‰ã°ã‚‰ã®div sample:é«˜ã•ãŒæƒã£ãŸdiv ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€å„divã«å¯¾ã—ã¦ã€Œpadding-bottomã€ã¨ã€Œmargin-bottomã€ã«åŒã˜æ•°å€¤ã‚’ãƒ—ãƒ©ã‚¹å€¤ã¨ãƒžã‚¤ãƒŠã‚¹å€¤ã§æŒ‡å®šã‚’è¡Œã„é«˜ã•ã‚’æƒãˆã€ãã‚Œã‚‰ã®divè¦ç´ ã‚’åŒ…ã‚“ã divã§ã€Œoverflow:hidden;ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ è©³ã—ãã¯ã€æœ€å°é™ã«ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ãŸã®ã§å‚ç…§ãã ã•ã„ã€‚ é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ« ä¸‹è¨˜ã®ã€Œ32768pxã€ã£ã¦ã€ä½•ã‹ç‰¹åˆ¥ãªæ„å‘³ãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚
KAZUMiX 2007/10/26
ã“ã‚Œã¯æ–°ã—ã„

css
ãƒªãƒ³ã‚¯
kelvinluck.com: Switch stylesheets with jQuery
Iâ€™ve just discovered jQuery which is an awesome JavaScript library. From the horseâ€™s mouth: jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery acheives this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable. As an example of how succinct and easy code written
KAZUMiX 2007/09/03
cssåˆ‡ã‚Šæ›¿ãˆ

javascript

jQuery

css
ãƒªãƒ³ã‚¯
-moz-column-*ç³»ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒçœŸä¾¡ã‚’ç™ºæ®ã™ã‚‹ã¨ã - Hatena::agenda
ã—ã¾ã£ãŸãªã‚“ã§æ°—ã¥ã‹ãªã‹ã£ãŸã‚“ã ã‚ã†ã€‚ã„ã‚„ã“ã®ç³žã¶ã‚ãã§ãƒªã‚ãƒƒãƒ‰ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã‚’ã‚„ã‚‹ã¨ã„ã†ã®ãŒç„¡è¬€ã¨ã„ã†ã‹ãã‚Šã‚ƒãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚ŠéŽãŽã‚‹ã ã‚ä½•ã‚’ä»Šæ›´ã£ã¦ã„ã†ãƒ„ãƒƒã‚³ãƒŸã¯ã‚„ã‚‹å‰ã‹ã‚‰é‡ã€…æ‰¿çŸ¥ã—ã¦ã„ãŸã€‚-moz-colomnç³»ã®ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã¯æ–‡ç« é‡ã«ã‚ˆã£ã¦é©åˆ‡ãªæŒ‡å®šãŒç•°ãªã‚‹ã‹ã‚‰ã€æ–‡ç« é‡ã®ä¸å®šãªHatena::agendaã«é©ç”¨ã•ã›ã¦ã‚‚ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’è¦æ±‚ã—ã¦ã—ã¾ã†è¨˜äº‹ã‚‚å‡ºã¦ãã‚‹ã‚“ã ã€‚ãã†ã§ã¯ãªãã¦ã€-moz-columnç³»ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã€ã©ã†ã—ã¦ä»Šã¾ã§Googleæ¤œç´¢çµæžœã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã—ã¦ä½¿ã‚ãªã‹ã£ãŸã‹ã£ã¦ã“ã¨ã ã€‚ã¤ã¾ã‚Šã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç‰©ç†çš„ãªé‡ãŒæ¦‚ãåˆ†ã‹ã£ã¦ã„ã¦ã€ã‹ã¤ãã®é‡ã‚’é–²è¦§è€…ãŒèª¿ç¯€ã§ãã¦ã€ã‹ã¤ä¸€è¦§æ€§ãŒé‡è¦ãªã‚‚ã®ã«å¯¾ã—ã¦ã€-moz-column-widthãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯é©åˆ‡ãªã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã¨ãªã‚‹ã€‚ @-moz-document domain("www.google.com") { div#res
KAZUMiX 2007/08/30
css

firefox
ãƒªãƒ³ã‚¯
ãƒžã‚¦ã‚¹ã«åå¿œã™ã‚‹ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ - KAZUMiX memo
Flash ä½¿ã£ã¦ãªã„ã®ã« Flash ä½¿ã£ã¦ã‚‹ã‚ˆã†ãª Web ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ãŸã³ã«ã€ã€Œã‚ãƒ¼ã‚ªãƒ¬ã‚‚ã‚„ã£ã¦ã¿ã¦ãƒ¼ã€ã¨æ€ã£ã¦ã„ãŸæ˜¨ä»Šã€ã˜ã‚ƒã‚ã¡ã‚ƒã‚“ã¨ JavaScript ã¨ DOM ã‚’è¦šãˆã¦ã¿ã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§å‹‰å¼·ã‚‚å…¼ãã¦ä½œã£ã¦ã¿ãŸç¬¬ä¸€å¼¾ã§ã™ã€‚ ãƒžã‚¦ã‚¹ã«åå¿œã™ã‚‹ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã®å‡¦ç†ã¯è‡ªåˆ†ã§ä½œã‚‹ã®ãŒé¢å€’ã ã£ãŸã®ã§ã€ãã“ã¯jQueryã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ å®Ÿéš›ã«ä½œã£ã¦ã¿ã¦æ„Ÿã˜ãŸã®ã¯ã€JavaScriptã¯æ€ã£ãŸä»¥ä¸Šã«ActionScriptï¼ˆç‰¹ã«AS1.0ï¼‰ã«ä¼¼ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã€‚DOMã‚‚Flashã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒªã‚¹ãƒˆã¨ä¼¼ã¦ã„ã¦ã€æ¥½ã—ãè¦šãˆã‚‰ã‚Œã¾ã—ãŸã€‚ï¼ˆECMAScriptã ã‹ã‚‰å½“ç„¶ã¨ã¯è¨€ãˆï¼‰ ãã—ã¦ã€ä»Šã¾ã§é›£ã—ã„ã¨æ€ã£ã¦ã„ãŸæ§˜ã€…ãªè¡¨ç¾ãŒã€æ„å¤–ã¨ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã€ãªã‚“ã‹ã™ã”ãã„ã„æ¦å™¨ã‚’æ‰‹ã«å…¥ã‚ŒãŸæ°—åˆ†ã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢å…ƒ PC ã‚²ãƒ¼ãƒ BALDR FORCE
KAZUMiX 2007/08/06
javascript

css
ãƒªãƒ³ã‚¯
Ã§Â¤Â¾Ã¥ÂŠÂ´Ã¥Â£Â«Ã¨Â©Â¦Ã©Â¨Â“Ã¥Â¡Â¾ Ã§Â¤Â¾Ã¥ÂŠÂ´Ã¥Â£Â«Ã¨Â©Â¦Ã©Â¨Â“Ã¥ÂÂ¦Ã¦Â Â¡ Ã§Â¤Â¾Ã¥ÂŠÂ´Ã¥Â£Â«Ã¨Â©Â¦Ã©Â¨Â“Ã¥Â¯Â¾Ã§ÂÂ– Ã§Â¤Â¾Ã¥ÂŠÂ´Ã¥Â£Â«Ã¨Â©Â¦Ã©Â¨Â“Ã¥Â‹Â‰Ã¥Â¼Â·Ã¦Â³Â• Ã§Â¤Â¾Ã¥ÂŠÂ´Ã¥Â£Â«Ã¨Â©Â¦Ã©Â¨Â“Ã¥ÂÂ‚Ã¨Â€ÂƒÃ¦Â›Â¸ at usrb.in
This domain name has been registered with Gandi.net. It is currently parked by the owner.
KAZUMiX 2007/08/03
javascript

css
ãƒªãƒ³ã‚¯
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
KAZUMiX 2007/07/31
javascript

css
ãƒªãƒ³ã‚¯
blog in a fog Â» ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šæ–¹æ³•ã®æ¤œè¨¼
â€»æ¤œè¨¼ç’°å¢ƒ Windows: IE6, IE7, Firefox2, Opera9, Safari3b Mac: Safari2, Firefox2, Opera9 XMLå®£è¨€ãªã—ã€æ¨™æº–æº–æ‹ ãƒ¢ãƒ¼ãƒ‰ã€utf-8 font-familyæŒ‡å®šãªã— ã“ã‚Œã§ãã‚Œã„ã«æƒã†ã¯ãšã€‚æƒã„ã¾ã›ã‚“ã§ã—ãŸã™ã¿ã¾ã›ã‚“ï¼ï¼ˆâ†“è¿½è¨˜ã‚ã‚Šï¼‰ æ¤œè¨¼ã«ä½¿ã£ãŸHTMLãƒ•ã‚¡ã‚¤ãƒ«ã¯ã“ã¡ã‚‰ï¼ˆWin/Firefox2ã‚’åŸºæº–ã«ä½œæˆã€‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚‹ã¨ã“ã‚ã«hrã‚’å…¥ã‚Œã¦pxæŒ‡å®šã®ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸¦ã¹ãŸã€‚æ¯”è¼ƒã—ã‚„ã™ã„ã‚ˆã†ã«å³å¯„ã›ã«ã€‚ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å„ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã•ã›ã¦æ¤œè¨¼ï¼‰ã€‚ ãŠæ°—ã¥ãã®ã‚ˆã†ã«Yahoo! UI Libraryã®fonts.cssã‚’ã‚‚ã¨ã«ä½œæˆã—ã¦ã¾ã™ã€‚ ãŸã¨ãˆã°YUIã§ã¯12pxã¯92%ã¨ãªã£ã¦ã„ã‚‹ã‘ã©ã€ã“ã‚Œã¯93%ã§ãªã„ã¨Operaã§1ã‚µã‚¤ã‚ºå°ã•ãè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚æœ€åˆã¯*font-size:smallã§æ¤œè¨¼ã—ã¦ã„ãŸã‚“ã§
KAZUMiX 2007/07/17
css
ãƒªãƒ³ã‚¯
IEã§ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«PNGã‚’è¡¨ç¤ºã™ã‚‹ ï¼ˆiepngfix.htcï¼‰ - youmos
KAZUMiX 2007/07/09
ã“ã‚Œã¯ã„ã„

css
ãƒªãƒ³ã‚¯
MOONGIFT: Â» ä¸è¦ãªCSSã®æ´—ã„å‡ºã—ã€ŒCSS Redundancy Checkerã€:ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’æ¯Žæ—¥ç´¹ä»‹
CSSã¯ã¯ã˜ã‚ã“ããã¡ã‚“ã¨å®šç¾©ã—ãªãŒã‚‰é€²ã‚ã‚‹ã®ã ãŒã€ä¿®æ£ãŒé‡ãªã£ãŸã‚Šã€æ—¥ã€…ã®é‹ç”¨ã®ä¸ã§å¾ã€…ã«è‚¥å¤§åŒ–ã—ã¦ã„ãã€‚HTMLã¨åŒã˜ã§å¤šå°‘é–“é•ã£ã¦ã„ãŸã‚Šã€ä¸è¦ãªæƒ…å ±ãŒç´›ã‚Œè¾¼ã‚“ã§ã„ã¦ã‚‚ãã‚Œãªã‚Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§æ°—ã«ãªã‚‰ãªã„ã®ã ã€‚ ã ãŒä¸è¦ãªæƒ…å ±ãŒç´›ã‚Œè¾¼ã‚“ã§ã„ã‚‹ã¨ã€ã¡ã‚‡ã£ã¨ã—ãŸä¿®æ£ãŒå…¨ãç„¡é–¢ä¿‚ã¨æ€ã‚ã‚Œã‚‹å ´æ‰€ã«å½±éŸ¿ã‚’åŠã¼ã—ãŸã‚Šã€ç®¡ç†ã—ãã‚Œãªããªã£ã¦ãã‚‹ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒã“ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯CSS Redundancy Checkerã€ä¸è¦ãªCSSãƒã‚§ãƒƒã‚«ãƒ¼ã ã€‚ CSS Redundancy Checkerã¯Rubyã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€CUIãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã€‚ã¾ãŸã€gemã§hpricotã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ãã®ãŸã‚ã€è‹¥å¹²æ•·å±…ãŒé«˜ã„ã‹ã‚‚çŸ¥ã‚Œãªã„ãŒã€ä¾¿åˆ©ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã¨æ€ã†ã®ã§ãœã²ãƒˆãƒ©ã‚¤ã—ã¦ã¿ã¦æ¬²ã—ã„ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€CSSãƒ•ã‚¡ã‚¤ãƒ«
KAZUMiX 2007/07/08
css
ãƒªãƒ³ã‚¯
first-childã£ã½ã„åŠ¹æžœã‚’ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§å®Ÿç¾ | Takazudo Clipping*
first-childã£ã½ã„åŠ¹æžœã‚’ã€first-childã‚„ã€ä½™åˆ†ãªclassä»˜åŠ ãªã—ã§å®Ÿç¾ã—ã‚ˆã†ã¨ã„ã†è©±ã§ã™ã€‚ã™ã”ã„åœ°å‘³Tipsã§ã™ãŒãƒ»ãƒ»ãƒ»ã€‚ ä¾‹ãˆã°ã“ã‚“ãªã‚‚ã®ã‚’ä½œã‚ŠãŸã„ã¨ã—ã¾ã™ã€‚ ãƒªã‚¹ãƒˆã®é–“ã«ç·šãŒå…¥ã£ã¦ã„ã‚‹ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‚³ãƒ¬ã‚’çµ„ã‚€ã¨ãã«ã©ã†ã™ã‚‹ã‹ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ul / li ã§çµ„ã‚€ã¨ã—ã¦ã€borderã‚’ä¸Šã‹ä¸‹ã«ã¤ã‘ã‚ˆã†ã¨ã‹æ€ã£ã¦ã„ãŸå ´åˆã€æœ€åˆã‹æœ€å¾Œã«ã¤ã„ã¦ã—ã¾ã†ã€ä½™åˆ†ãªãƒœãƒ¼ãƒ€ãƒ¼ã‚’ãªã‚“ã¨ã‹ã›ãã°ãªã‚‰ã¬ã€‚ <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> ã¾ãšã€è€ƒãˆã‚‰ã‚Œã‚‹ã®ã¯ã€liã®ä¸Šã«borderã‚’ã¤ã‘ã€li:first-childã§ã€æœ€åˆã®ãƒªã‚¹ãƒˆã ã‘border-top:none;ãªã©ã‚’æŒ‡å®šã—ã¦ã€ä½•ã¨ã‹ã™ã‚‹æ–¹æ³•ã€‚ã—ã‹ã—ã€IE6ã¯first-
KAZUMiX 2007/07/05
css

tips
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã§ã®XHTMLã¨CSS
ã¡ã‚‡ã£ã¨è„±ç·š#2 æ¬¡ã€…ã¨è³›åŒè€…ãŒï¼ iã‚¢ãƒ—ãƒªã¨ã‹ã§è‰¯ã‹ã£ãŸã‚‰å–‹ã‚‹ã‚ˆãƒ¼â™ªby yoshiori ãƒ¢ãƒã‚¤ãƒ«ã£ã¦ãªã‹ãªã‹çŸ¥è˜å¾—ã‚‹æ©Ÿä¼šãªã„ã‹ã‚‰èˆˆå‘³ã‚ã‚‹ã‚ˆï¼by tobetchi ãªã‚“ã‹ã—ã‚ƒã¹ã‚Šã¾ã—ã‚‡ã†ã‹ï¼Ÿã‚€ã—ã‚æœ€è¿‘ã®è©±ã«å¼±ã„ã§ã™ãŒã€æº–å‚™ã—ã¾ã™ã‚ˆby tmtysk ã„ããŸã„by fshin2000 é«˜ã¾ã‚‹æœŸå¾…(*'âˆ€`)=3ï¾œï½¸ï¾œï½¸by cafistar ãƒ¢ãƒã‚¤ãƒ«å‹‰å¼·ä¼šèˆˆå‘³æ´¥ã€…ï¼by clearether ãƒ¢ãƒã‚¤ãƒ«å‹‰å¼·ä¼šæœŸå¾…ã—ã¦ã¾ã™ã€‚by kaoritter ã“ã‚Œã«å¯¾ã—ã¦æºå¸¯ã‹ã‚‰å…¨ãƒ¬ã‚¹ã™ã‚‹ã¿ã«ãŸã¼ (ï½€ãƒ»Ï‰ãƒ»Â´) ï½¼ï½¬ï½·ï½°ï¾
KAZUMiX 2007/06/18
xhtml

css

ãƒ¢ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
Creative Use of PNG Transparency in Web Design - Digital Web
Got something to say? Share your comments on this topic with other web professionals In: Articles By Jeff Croft Published on May 28, 2007 PNG, GIF, and JPEG The PNG image has been widely overlooked by the web design communityâ€”and mostly for good reason. Until recently, it hasnâ€™t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG suppo
KAZUMiX 2007/06/01
IE6ä»¥å‰ç”¨ã«AlphaImageLoaderã‚’åˆ©ç”¨ã—ãŸDOMãªã‚¹ã‚¯ãƒªãƒ—ãƒˆæœ‰

css
ãƒªãƒ³ã‚¯
welcome
welcome
KAZUMiX 2007/05/31
css
ãƒªãƒ³ã‚¯
CSS Float Theory: Things You Should Know â€” Smashing Magazine
The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability probl ems. However, the reason for these probl ems isnâ€™t the theory itself, but the way the theory is interpreted - by developers and browsers. Still, if you take a closer look at the float theory, youâ€™ll fi
KAZUMiX 2007/05/02
floatã¾ã¨ã‚

css
ãƒªãƒ³ã‚¯
A CSS Sticky Footer
A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi
KAZUMiX 2007/04/19
ãƒ•ãƒƒã‚¿ãƒ¼è²¼ã‚Šä»˜ã‘æŠ€

css
ãƒªãƒ³ã‚¯
8 web menus you just can't miss
Driving on Floridaâ€™s toll roads doesnâ€™t have to be stressful. You can easily pay your tolls without stopping at toll booths or having a prepaid account. The Toll-By-Plate system letsÂ â€¦
KAZUMiX 2007/04/16
ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚µãƒ³ãƒ—ãƒ«

css

javascript
ãƒªãƒ³ã‚¯
ç”»åƒã®ä½¿ç”¨ã‚’æ¥µåŠ›æŽ§ãˆã¦ã‹ã£ã“ã„ã„CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ã‚ˆã† - Gallery
GalleryãŒé–‹é€šã—ã¾ã—ãŸã€‚ãƒ•ã‚©ãƒ¼ãƒ ã§é¸æŠžã—ã¦ã½ã¡ã£ã¨ã™ã‚‹ã¨ã‚µãƒ ãƒã‚¤ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€CSSãƒ‡ã‚¶ã‚¤ãƒ³ãŒé©ç”¨ã•ã‚ŒãŸå€‹åˆ¥ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
KAZUMiX 2007/04/16
css
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚³ãƒ³ãƒ†ã‚¹ãƒˆ Vol.1 ã€œCoder's Highã€œï½œCSS HappyLife
2æ¬¡å¿œå‹Ÿã‚‚ç· ã‚åˆ‡ã‚Šã¾ã—ãŸã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚³ãƒ³ãƒ†ã‚¹ãƒˆ Vol.1 ï½žCoder's Highï½žã‚’é–‹å‚¬ã—ã¾ã™ï¼ ä»Šå›žåˆã®è©¦ã¿ã§ã‚‚ã‚ã‚‹ï¼ˆã¨æ€ã†ï¼‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã€‚ ç”¨ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç”¨æ„ã•ã‚Œã¦ã¦ã€ã‚½ãƒ¬ã‚’å€‹ã€…ã®ã‚¹ã‚ãƒ«ã‚„è€ƒãˆã«åŸºã¥ã„ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ åˆå›žã¨ã„ã†äº‹ã‚‚ã‚ã‚Šã€ç››ã‚Šä¸Šã’ãŸã„ãªï¼ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ã™ã‚“ã”ã„å”åŠ›ã‚’é ‚ã‘ã¾ã—ãŸã€‚ ã‚½ãƒ¬ã¯ã€CSS Nite LP, Disk 3 ã¨é€£å‹•ä¼ç”»ã¨ã—ã¦å‹•ã‘ãŸã¨ã„ã†ã“ã¨ã€‚ ã“ã‚“ãªWebã®ç‰‡éš…ã§ã¡ã¾ã¡ã¾é‹å–¶ã—ã¦ã‚‹ãƒ–ãƒã‚°ã§ã‚‚å¥‡è·¡ã¯èµ·ã“ã‚‹ã‚“ã§ã™ãã€‚ ã•ã¦ã•ã¦ã€å–ã‚Šåˆãˆãšã•ã£ã•ã¨å¿…è¦ãƒ‡ãƒ¼ã‚¿ãŒæ¬²ã—ã„ã£ã¦äººã®ç‚ºã«ã€ç›®ç«‹ãŸãªã„DLãƒœã‚¿ãƒ³ãŒã‚ã‚Šã¾ã™ã®ã§ã€ãã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®è¿½è¨˜ã§æ›¸ã„ã¦ã„ã‚‹è©³ç´°ãƒ»å¿…è¦äº‹é …ã¯å…¨ã¦å…¥ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ ï¼ˆ04/10ï¼šãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿.txtãŒè¿½åŠ ã•ã‚Œã¦ãŠã‚Šã¾ã™ï¼‰ æœªçµ±åˆpsdã€çµ±åˆæ¸ˆã¿psdã€p
KAZUMiX 2007/04/07
css
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸