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

krogue id:krogue

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

HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
krogue 2010/10/03
html

html5

css
ãƒªãƒ³ã‚¯
CSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’IE6-8ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒSelectivizrã€:phpspoté–‹ç™ºæ—¥èªŒ
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’IE6-8ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒSelectivizrã€ ä¾¿åˆ©ãªCSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒIEã§ã‚‚ä½¿ãˆã¦åŠ¹çŽ‡çš„ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ jQuery, prototype, mootoolsç‰ã¨åŒæ™‚ã«ä½¿ã†ã“ã¨ãŒã§ãã€ ä½¿ãˆã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã”ã¨ã«é•ã†ã‚ˆã†ã§ã€ã‚µã‚¤ãƒˆä¸Šã«ãã‚Œãžã‚ŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ å®Œç’§ã§ã¯ãªã„ã‚ˆã†ã§ã™ãŒã€ä¾¿åˆ©ãªã‚‚ã®ãŒå¤šãä½¿ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã€æ´»ç”¨ã—ã¦ã¿ã¦ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä¾¿åˆ©ãªCSS3ãƒ„ãƒ¼ãƒ«6ã¤ï¼‹Î± IE6-8ã§ã‚‚CSS3ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€ŒCSS3 PIEã€ ãƒ”ãƒ¥ã‚¢CSS3ã§3Dã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ IE6-8ã§ã‚‚CSS3ã«å¯¾å¿œã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
krogue 2010/09/21
css

javascript
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘CSS3ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚µã‚¤ãƒˆCSS3.0 Maker | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
CSS3.0 Maker - CSS3.0 Generator Ajaxianã«ãŠã„ã¦Auto-Generate CSS3 For Fame and Fortune!ã¨ã„ã†è¨˜äº‹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚CSS3ã®ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å‡ºåŠ›ã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„Webã‚µãƒ¼ãƒ“ã‚¹ã¯ã™ã§ã«ã„ãã¤ã‚‚ã‚ã‚Šã€ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã§ã‚‚ã„ãã¤ã‹å–ã‚Šä¸Šã’ã¦ã„ã‚‹ã€‚Ajaxianã®ã•ãã»ã©ã®è¨˜äº‹ã§ã¯ãã†ã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã®æ–°ã—ã„ã‚‚ã®ã®ã²ã¨ã¤ã¨ã—ã¦CSS3.0 Makerã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã€‚CSS3.0 Makerã¯å¾“æ¥ã®ã»ã‹ã®åŒæ§˜ã®ã‚µãƒ¼ãƒ“ã‚¹ã¨æ¯”è¼ƒã—ã¦æ¬¡ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚‹ã€‚ ã©ã®ãƒšãƒ¼ã‚¸ã‚‚åŒã˜UIãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã€‚å·¦ä¸ŠãŒè¨å®šå¤‰æ›´ã€ä¸ä¸ŠãŒãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€å³ä¸ŠãŒç”Ÿæˆã•ã‚Œã‚‹CSSã®ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ã€ä¸ä¸‹ãŒå¯¾å¿œã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã€å³ä¸‹ãŒææ¡ˆæŠ•ç¨¿ãƒ•ã‚©ãƒ¼ãƒ ã ã€‚UIã«çµ±ä¸€æ„ŸãŒã‚ã‚Šæ‰±ã„ã‚„ã™ã„ã€‚ è¤‡æ•°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã¦ã„ã‚‹ã»ã‹ã€ãã‚ŒãŒç¾åœ¨ã©ã®ãƒ–ãƒ©
krogue 2010/09/21
css
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘IEã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã‹ã‚‰ä¸è¦ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’æ¶ˆã™æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Craig Buckleræ°ãŒSitePointã«ãŠã„ã¦How to Remove Textarea Scrollbars in IEã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚‚ã¨ã€ã‚ã‚‹ã²ã¨ã¤ã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã€‚æ–°è¦ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã„ã†ã‚ã‘ã§ã¯ãªãã€ã™ã§ã«é•·ã„é–“ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ãŒã€å†åº¦ãã®ãƒã‚¤ãƒ³ãƒˆã«ç„¦ç‚¹ã‚’å½“ã¦ãŸè¨˜äº‹ã¨ã—ã¦å‚è€ƒã«ãªã‚‹ã€‚ç‰¹ã«æ–°äººã®Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ã‚„Webãƒ‡ã‚¶ã‚¤ãƒŠã¯ç›®ã‚’é€šã—ã¦ãŠããŸã„è¨˜äº‹ã€‚ ç‰¹ã«ä½•ã‚‚æŒ‡å®šã—ãªã„å ´åˆã€IEã¯ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®å³ç«¯ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã€‚ãŸã¨ãˆã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒãªã„ã¨ã—ã¦ã€æœ€åˆã‹ã‚‰è¡¨ç¤ºã•ã‚Œé¸æŠžã§ããªã„çŠ¶æ…‹ã«ãªã£ã¦ã„ã‚‹ã€‚è¤‡æ•°è¡Œã®ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã€ã¾ãŸã¯å…¥åŠ›ã•ã‚Œã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒã§ã¦ãã‚‹ã¨ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ
krogue 2010/09/21
ie

css
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘CSSã‚¯ã‚¨ãƒªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æ‚ªå®³? ä¸‡èƒ½ãªè§£æ±ºæ–¹æ³•ã¯ãªã„ã¨ã„ã†æ„è¦‹ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Ajaxian 2010å¹´6æœˆã«ã¯ã„ã£ãŸã‚ãŸã‚Šã‹ã‚‰CSSãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’æ´»ç”¨ã—ã¦iPhone 4ã‚’å«ã‚€ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã¸å¯¾å¿œå¯èƒ½ãªWebãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒçŸ¢ç¶™ãŽæ—©ã«ç´¹ä»‹ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚CSSãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’ä½¿ã£ãŸæ–¹æ³•ã¯ä»Šã§ã‚‚æ³¨ç›®åº¦ã®é«˜ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€CSSãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’ä½¿ã£ãŸã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæ—¥ã€…ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ ãƒ”ã‚¯ã‚»ãƒ«æ¿ƒåº¦ã«ä¾å˜ã—ãªã„Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œæ–¹æ³• iPhone 4ã§ã‚‚PCã§ã‚‚ç”»åƒã‚’ç¶ºéº—ã«è¡¨ç¤ºã™ã‚‹CSSã®ä½¿ã„æ–¹ iPhone 4ã«å¯¾å¿œã—ãŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ–¹æ³• iPadå‘ã‘Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ é€†ã«ã€CSSãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã«ã‚ˆã‚‹åˆ‡ã‚Šåˆ†ã‘ã¯ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã¨ã£ã¦ã¯é€†åŠ¹æžœã§ã‚ã‚Šã€ã‚„ã‚ãŸã»ã†ãŒã„ã„ã¨è€ƒãˆã‚‹å‘ãã‚‚ã‚ã‚‹ã€‚6æœˆã‚ãŸã‚Šã‹ã‚‰ã¯ã˜ã¾ã£ãŸã“ã®ã‚ãŸã‚Šã®æµã‚ŒãŒAjaxian â‰« CSS Media Queries: Bees Knees Or
krogue 2010/09/21
iphone

css
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘ãƒ”ã‚¯ã‚»ãƒ«æ¿ƒåº¦ã«ä¾å˜ã—ãªã„Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œæ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Ext JS is now Sencha iPhone 4ã®ã‚ˆã†ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ãŒé«˜ã„ãƒ‡ãƒã‚¤ã‚¹ã®ç™»å ´ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠã‚„Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ã®é–¢å¿ƒã¯ã€ç•°ãªã‚‹ãƒ”ã‚¯ã‚»ãƒ«æ¿ƒåº¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã©ã®ã‚ˆã†ã«å¯¾å¿œã™ã‚‹ã‹ã¨ã„ã£ãŸç‚¹ã«é›†ã¾ã‚Šã¤ã¤ã‚ã‚‹ã€‚åŸºæœ¬ã¨ãªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã„ãã¤ã‹ã¯ã™ã§ã«ã„ãã¤ã‹ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ iPhone 4ã§ã‚‚PCã§ã‚‚ç”»åƒã‚’ç¶ºéº—ã«è¡¨ç¤ºã™ã‚‹CSSã®ä½¿ã„æ–¹ iPhone 4ã«å¯¾å¿œã—ãŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ–¹æ³• iPadå‘ã‘Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã“ã‚Œã¾ã§ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã§ç´¹ä»‹ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ç´°éƒ¨ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå¤šã„ã€‚ãã“ã§Senchaãƒ–ãƒã‚°ã«æŽ²è¼‰ã•ã‚ŒãŸResolution Independent Mobile UIã‚’ç´¹ä»‹ã—ãŸã„ã€‚ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚å¯¾å¿œã—ãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Sencha Touchã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®æ ¹æœ¬ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã€ãƒ”ã‚¯ã‚»ãƒ«
krogue 2010/09/21
css

web

mobile
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘HTML5 searchã€WebKitãƒ–ãƒ©ã‚¦ã‚¶ã¯ä½¿ç”¨æ³¨æ„ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
A Web Design Community curated by Chris Coyier. HTML5ã§æ–°ã—ãç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹æ©Ÿèƒ½ã®ã²ã¨ã¤ã«ã€inputè¦ç´ ã«ãŠã‘ã‚‹searchã‚¿ã‚¤ãƒ—ãŒã‚ã‚‹ã€‚ã“ã‚Œã¯æ¤œç´¢ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã§ã‚ã‚‹ã“ã¨ã‚’æ˜Žç¤ºã™ã‚‹ãŸã‚ã®åž‹ã§ã€ä»Šã®ã¨ã“ã‚é€šå¸¸ã®ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¨å¤§ããªé•ã„ã¯ãªã„ã€‚ãŸã ã—ã€WebKitã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶(Chromeã‚„Safari)ã§ã¯æ‰±ã„ãŒç•°ãªã£ã¦ã„ã‚‹ã€‚ ã“ã®ã‚ãŸã‚Šã®è©±ãŒWebKit HTML5 Search Inputs - CSS-Tricksã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚WebKitã§ã¯searchãŒæŒ‡å®šã•ã‚ŒãŸinputã¯ã»ã‹ã®inputã¨ã¯æŒ™å‹•ãŒé•ã„ã€CSSã®é©ç”¨ãªã©ã«ã¯æ³¨æ„ãŒå¿…è¦ã¨ã„ã†å†…å®¹ã«ãªã£ã¦ã„ã‚‹ã€‚æŒ‡æ‘˜ã•ã‚Œã¦ã„ã‚‹å†…å®¹ã‚’ã¾ã¨ã‚ã‚‹ã¨æ¬¡ã®ã¨ãŠã‚Šã€‚ WebKitã§ã¯type=searchãŒæŒ‡å®šã•ã‚ŒãŸinputè¦ç´ ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å³ä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒ†ã‚
krogue 2010/09/11
html

html5

css
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘å‹•ãCSS3æµ·è³Š | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. mir.aculo.usã®Creating awesome CSS3 animationsã«ãŠã„ã¦ã€CSS3ã‚’ä½¿ã£ãŸç´ æ™´ã‚‰ã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¾‹ã¨ã—ã¦Freelance Treasure MapãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚Chromeã€Chromiumã€Safariãªã©ã®WebKitãƒ™ãƒ¼ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã‹ã€iPadã¾ãŸã¯iPhoneã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹æµ·è³Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç¢ºèªã§ãã‚‹ã€‚ Chrome 7ã§Freelance Treasure Mapã‚’é–²è¦§ã—ãŸå ´åˆ çž³ã¯çž¬ã
krogue 2010/09/11
css
ãƒªãƒ³ã‚¯
worldending.jp
This domain may be for sale!
krogue 2010/02/28
web

html

html5

css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã§å±žæ€§ã ã‘ã˜ã‚ƒãªãã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ã‚¯ã‚¨ãƒªãƒ¼ã§ãã¡ã‚ƒã†ã¨ã™ã”ãä¾¿åˆ©(ã‹ã‚‚) - latest log
ã€ŒCSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦ã€CSSã®ãƒ«ãƒ¼ãƒ«ã§çµžã‚Šè¾¼ã¿ã¯ã§ãã¦ã‚‚ã€CSS(ã‚¹ã‚¿ã‚¤ãƒ«)ã§çµžã‚Šè¾¼ã¿ãŒã§ããªã„ã‚“ã â€¦ã€ã£ã¦æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? å®Ÿé¨“çš„ãªãƒ†ãƒ¼ãƒžã«ãªã‚Šã¾ã™ãŒã€styleãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã‚’ã€CSSã‚»ãƒ¬ã‚¯ã‚¿ã§ã‚¯ã‚¨ãƒªãƒ¼ã§ãã‚‹ã‚ˆã†ã«æ§‹æ–‡ã‚’æ‹¡å¼µã—ã¦ã¿ã¾ã—ãŸã€‚ # æ§‹æ–‡ã‚„æ©Ÿèƒ½ã«å¯¾ã™ã‚‹æ”¹å–„æ¡ˆã‚’ãŠå¾…ã¡ã—ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã§çµžè¾¼ã¿ã‚’è¡Œã†å ´åˆã®åŸºæœ¬çš„ãªæ§‹æ–‡ã¯ã€E { prop operator value } ä»¥ä¸‹ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ prop ã®å€¤ã¯ã€è¨ˆç®—æ¸ˆã¿ã®å€¤(currentStyle ã¾ãŸã¯ getComputedStyle())ã®å€¤ã¨æ¯”è¼ƒã—ã¾ã™ã€‚ IEã§ã€currentStyle(element).width === "auto" ãªã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ãŒã€ãã®ã‚ˆã†ãªå ´åˆã§ã‚‚ "auto" ã‚’ pxå˜ä½ã®å€¤ã«è‡ªå‹•çš„ã«å¤‰æ›ã—ãŸã†ãˆã§æ¯”è¼ƒã—ã¾ã™(ã¤ã¾ã‚Š div{width="auto"}
krogue 2009/01/17
css

javascript
ãƒªãƒ³ã‚¯
Hide CSS from browsers :: @import
Download: ZIP (20 kb), CHM (13 kb) Browser IE Win Opera Mozilla FF Ko Saf IE Mac W3C CSS Validator Rules 6 5.5 5.0 4 7 6 1.7+ 1.4 0.6+ 3.2 1.2 5.2 Y/N Err./Warn.
krogue 2009/01/12
css
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œ W3G
ã‚»ãƒ«ãƒ©ãƒ³ä¸Šä½ã‚¢ãƒ—ãƒªã®å£²ä¸Šãƒ»ãƒ©ãƒ³ã‚ãƒ³ã‚°æŽ¨ç§»ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ãªã©ã®çµ±è¨ˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚è¤‡æ•°ã®èª¿æŸ»ãƒ¡ãƒ‡ã‚£ã‚¢ãŒç™ºè¡¨ã—ã¦ã„ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’æ¯”è¼ƒå‚ç…§ã—ã¦ã€ã‚ˆã‚Šç¢ºåº¦ã®é«˜ã„æƒ…å ±ã‚’ç¢ºèªã§ãã¾ã™ã€‚
krogue 2009/01/04
html

web

css

javascript

reference
ãƒªãƒ³ã‚¯
line-height ã®å€¤ã«ã¯å˜ä½ãªã—ãŒè‰¯ã„ã¨ã•ã‚Œã‚‹ç†ç”±
CSS ã§è¡Œãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’æŒ‡å®šã™ã‚‹ line-height å€¤ã«ã€em(length) ã‚„ %(percentage) ãªã©ã®å˜ä½ã‚’ä»˜ã‘ã¦æŒ‡å®šã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’æ„å¤–ã¨è¦‹ã‹ã‘ã‚‹ã€‚ãã‚Œã¯é–“é•ã„ã§ã¯ãªã„ã—ã€ä¾‹ãˆã°ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®åž‚ç›´ã‚»ãƒ³ã‚¿ãƒ¼ã«é…ç½®ã™ã‚‹ãŸã‚ã«æ„å›³çš„ã«æŒ‡å®šã—ã¦ã„ã‚‹ã‚“ã§ã‚ã‚Œã°è‰¯ã„ã‚“ã ã‘ã‚Œã©ã€ãã†ã§ãªã„ãªã‚‰ line-height å€¤ã«ã¯å˜ä½ãªã— (number) ã§æŒ‡å®šã—ãŸæ–¹ãŒè‰¯ã„ã®ã«ã¨ã‹æ€ã£ãŸã‚Šã™ã‚‹ã€‚ãã®ç†ç”±ã¯ Eric's Archived Thoughts: Unitless line-heights ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ã¡ã¨åŠ£åŒ–ã‚³ãƒ”ãƒ¼ã—ã¦ã¿ã‚‹ã€‚ å˜ä½ã‚ã‚Šã¨å˜ä½ãªã—ã®é•ã„ æ‰‹ã£å–ã‚Šæ—©ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ãŸã€‚p è¦ç´ ãŒã‚ã£ã¦ã€ãã®ä¸ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã® em ã§ä¸€éƒ¨åˆ†ã‚’å¼·èª¿ã—ã¦ã„ã‚‹ã€‚åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ãã‚Œãžã‚Œã® font-size
krogue 2009/01/04
css
ãƒªãƒ³ã‚¯
ã§ã‹ã„ã‹ã‚‰ã“ãã€ã¨ã€ä½•ã‹å¤§äººã®éƒ½åˆã¿ãŸã„ã®ã¨ã‹ - ä½•ã‹ã®è¨˜éŒ²
ã§ã‹ã„ä¼æ¥(ã‚µã‚¤ãƒˆ)ã‚’æŽ¡ç‚¹ : Weblog : SimpleIsmã‚’èªã‚“ã§æ€ã£ãŸã¨ã„ã†ã‹ã€ã¨ã‚Šã‚ãˆãšã‚½ãƒ¼ã‚¹ã®è¨˜è¿°æ–¹æ³•ã«é–¢ã—ã¦ã¯ã‚ã¾ã‚Šç¬‘ã†ã¨ã“ã§ã‚‚ãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã—ãŸ(è‡ªåˆ†ã®å€‹äººçš„ãªæ„Ÿæƒ³ã§ã™ãŒ)ã€‚å‹æ‰‹ãªäºˆæƒ³ã ã‘ã©ã€å¤šåˆ†å¤§äººã®éƒ½åˆã‹ãªã‚“ã‹ã ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã‚ã‚“æŠ€è¡“çš„ãªéƒ½åˆã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã»ã† Yahoo! Japan ãŒä½•ã§ CSS ã‚’ HTML ã®ãªã‹ã«ç›´æŽ¥è¨˜è¿°ã—ã¦ã‚‹ã‹ç†ç”±ã¯çŸ¥ã‚‰ãªã„ã§ã™ãŒã€åˆ†å‰²ã™ã‚‹ã£ã¦ã„ã†ã®ã‚’ã‚·ãƒ¼ãƒ³åˆ¥ã«è€ƒãˆã¦ã„ã‘ã°ã€é–‹ç™ºæ®µéšŽã§ã¯å¿…è¦ã ãŒæœ¬ç•ªæ®µéšŽã§ã¯ä¸è¦ã¨ã‹ã„ã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚‹ã‚‰ã—ã„ã®ã§ã€ä½•ã‹ãã‚“ãªæ„Ÿã˜ã®ç†ç”±ãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã€ã¨æ€ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨ä¼¼ã¦ã‚‹ã‚ˆã†ãªé•ã†ã‚ˆã†ãªæ„Ÿã˜ã ã‘ã©ã€ã€Œè¦‹æ˜“ãã™ã‚‹ã£ã¦ã„ã†ã®ã‚’ã‚·ãƒ¼ãƒ³åˆ¥ã«è€ƒãˆã¦ã„ã‘ã°ã€é–‹ç™ºæ®µéšŽã§ã¯å¿…è¦ã ãŒæœ¬ç•ªæ®µéšŽã§ã¯ä¸è¦ã¨ã‹ã„ã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚‹ã€ã¨ã‚‚è¨€ãˆã‚‹ã‹ã‚‚(è¨€ãˆãªã„ã‹ã‚‚)ã€‚ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã‹ã®ã¨ãã¯è¦‹æ˜“ã„ã»ã†ãŒã„ã„ã‘ã©
krogue 2008/12/22
css

html

web

design

w3c
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„â€œWebæ¨™æº–â€ã€ãã—ã¦XHTMLï¼‹CSS
ã„ã¾ã•ã‚‰èžã‘ãªã„â€œWebæ¨™æº–â€ã€ãã—ã¦XHTMLï¼‹CSSï¼šã„ã¾ã•ã‚‰èžã‘ãªã„ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæŠ€è¡“ï¼ˆ4ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ å‰å›žã®ã€Œã„ã¾ã•ã‚‰èžã‘ãªã„ã€â€œAjaxâ€ã¨ã¯ä½•ãªã®ã‹ï¼Ÿã€ã®èª¬æ˜Žã®ä¸ã§ã€Ajaxã®å®šç¾©ã®1ã¤ã¨ã—ã¦ã€ŒXHTMLã¨CSSã‚’ä½¿ã£ãŸæ¨™æº–è¦æ ¼ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚å‰å›žã®è¨˜äº‹ã§ã¯ã€ã“ã®éƒ¨åˆ†ã‚’ã—ã£ã‹ã‚Šè§£èª¬ã§ããªã‹ã£ãŸã®ã§ã€ä»Šå›žã¯ã“ã‚Œã«ã¤ã„ã¦è§£èª¬ã‚’ã—ã¾ã—ã‚‡ã†ã€‚ ã¨ã„ã£ã¦ã‚‚ã€Ajaxã®è£œè¶³èª¬æ˜ŽãŒä»Šå›žã®ç›®çš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚HTMLï¼XHTMLã¨CSSã‚’ä½¿ã£ãŸã€ŒWebæ¨™æº–ã€ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã€ŒWebæ¨™æº–ã€ã¨ã„ã†å˜èªžã¯ã‚ˆãè€³ã«ã—ã¾ã™ãŒã€å…·ä½“çš„ã«ã©ã‚“ãªã‚‚ã®ã‹ï¼Ÿ HTMLï¼XHTMLã¨CSSã¨ã©ã®ã‚ˆã†ãªé–¢ä¿‚ãŒã‚ã‚‹ã®ã‹ï¼Ÿ ã•ã‚‰ã«ã€HTMLï¼XHTMLã‚„CSSã£ã¦ä½•ï¼Ÿ ã¨ã„ã£ãŸç‚¹ã«ã¤ã„ã¦è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã€ŒWebæ¨™æº–ï¼Ÿ Webã‚’æ¨™æº–åŒ–ã™ã‚‹ã“ã¨ã‹ãªï¼Ÿã€ Ajaxã‚„XMLã€Jav
krogue 2008/12/21
css

w3c

web

xhtml
ãƒªãƒ³ã‚¯
CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ã‚¿ãƒã‚°
å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ Windowsï¼šInternetExplorer6ï¼ŒInternetExplorer7ï¼ŒFirefox2ï¼ŒOpera9 Macï¼šFirefox2ï¼ŒOpera9ï¼ŒSafari2 ã§ã™ãŒï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦è‹¥å¹²è¡¨ç¤ºãŒç•°ãªã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã™ã€‚ XHTML 1.0 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã‚ã‚Šã¾ã™ã€‚ DOCTYPEã‚¹ã‚¤ãƒƒãƒã«ã‚ˆã‚‹æ¨™æº–ãƒ¢ãƒ¼ãƒ‰ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚InternetExplorer6 ã§XMLå®£è¨€ã‚’ã—äº’æ›ãƒ¢ãƒ¼ãƒ‰ã«ãªã£ãŸå ´åˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Netscape7ï¼ŒMac InternetExplorer5 ã§ã¯æœŸå¾…é€šã‚Šã«è¡¨ç¤ºã•ã‚Œãªã„ã‚‚ã®ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ä¾¿å®œä¸Šï¼Œåˆ†é¡žã‚³ãƒ¼ãƒ‰ï¼ˆdiv011-hpï¼Œtable010 ãªã©ï¼‰ã‚’ classåã«ã—ã¦ã‚ã‚Šã¾ã™ãŒï¼Œå®Ÿéš›ã«ãŠä½¿ã„ã®éš›ã«ã¯é©åˆ‡ãª classåã«å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ ã™ã§ã«ãŠä½¿ã„ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã«æ–°ãŸã«CSSã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãŸå ´åˆï¼Œæ—¢å˜
krogue 2008/12/21
css
ãƒªãƒ³ã‚¯
eclucifer blog - FC2 BLOG ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ç®¡ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ æœ¬å®¶ã® WordPress åŒ–ã«ä¼´ã„ã€å½“ãƒ–ãƒã‚°ã¯ç§»è»¢ã¨ã„ã†å½¢ã«ãªã‚Šã¾ã—ãŸã€‚ â–¼ eclucifer blog Â» è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ä¸€è¦§ http://eclucifer.net/bloglist/
krogue 2008/12/21
css

web

design
ãƒªãƒ³ã‚¯
[CSS]ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«é›† | ã‚³ãƒªã‚¹
YUIã€Blueprintã€YAMLãªã©ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚ Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost ä¸‹è¨˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€è¨˜è¿°ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åŒæ§˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å…¨ã¦å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã‚³ãƒ¡ãƒ³ãƒˆã‚‚å‰Šé™¤ã—ã¦ã„ã¾ã™ã€‚ Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
krogue 2008/12/21
css
ãƒªãƒ³ã‚¯
idæŒ‡å®šã¨classæŒ‡å®šãŒçŸ›ç›¾ã™ã‚‹ã¨classæŒ‡å®šãŒå„ªå…ˆã•ã‚Œã‚‹ï¼ˆè¨‚æ£ï¼‰ - ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
ã¿ãŸã„ã€‚å°‘ãªãã¨ã‚‚FireFox2.0ã§ã¯ #ident { font-size: 200% } #klass { font-size: 50% } <div id="ident" class="klass">hello</div> ã¨ã‹ã‚„ã£ã¦ã‚‹ã¨æ–‡å—ã¯å°ã•ãè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ç›´æŽ¥ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æŒ‡å®šã—ã¦ã‚‹ã‚“ã ã‹ã‚‰IDã‚’å„ªå…ˆã—ã‚ã‚ˆã¨æ€ã£ãŸã€‚ [è¿½è¨˜] ä¸Šè¨˜é–“é•ã£ã¦ã¾ã—ãŸã€‚ã™ã„ã¾ã›ã‚“ã€‚è¨‚æ£ã—ã¾ã™ã€‚ æ£ã—ãã¯ã€ŒidæŒ‡å®šã•ã‚ŒãŸè¦ç´ ã®åè¦ç´ ã§idæŒ‡å®šã¨classæŒ‡å®šãŒçŸ›ç›¾ã™ã‚‹ã¨classæŒ‡å®šãŒå„ªå…ˆã•ã‚Œã‚‹ã€ã§ã—ãŸã€‚ <html> <head> <style> #parent-id .child-class { font-size: 200% } #child-id { font-size: 50% } </style> </head> <body> <div id="parent-id"> <div id=
krogue 2008/12/21
ã›ã£ã‹ããªã®ã§èª¿ã¹ãŸâ†’idã®æ–¹ãŒå„ªå…ˆã•ã‚Œã‚‹

css
ãƒªãƒ³ã‚¯
CSSã«ãŠã‘ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã®å„ªå…ˆé †ä½ - reflux flow
ã‚»ãƒ¬ã‚¯ã‚¿ã®å„ªå…ˆé †ä½ã‚’æ±ºã‚ã‚‹è©³ç´°åº¦ã®è¨ˆç®—æ–¹æ³•ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã®ç›®æ¬¡ ã¯ã˜ã‚ã« ã‚»ãƒ¬ã‚¯ã‚¿ã®ç¨®é¡ž å„ªå…ˆé †ä½ã®è¨ˆç®—æ–¹æ³• å‚è€ƒæ–‡çŒ® ä¸»ãªå¤‰æ›´å±¥æ´ ã¯ã˜ã‚ã« ã“ã“ã§ã¯CSS2.1ã®ä»•æ§˜ã‚’å…ƒã«ã‚»ãƒ¬ã‚¯ã‚¿ã®å„ªå…ˆé †ä½ã‚’æ±ºã‚ã‚‹è©³ç´°åº¦ï¼ˆspecificityï¼‰ã®è¨ˆç®—æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿ã®ç¨®é¡ž ã¾ãšã¯ç”¨èªžã®ç¢ºèªï¼ˆå‚è€ƒ: 5 Selectorsï¼‰ã€‚ å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ ã™ã¹ã¦ã®è¦ç´ ã«é©åˆã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã€‚ã€Œ*ã€ã¨è¨˜è¿°ã™ã‚‹ã€‚ IDã‚»ãƒ¬ã‚¯ã‚¿ idå±žæ€§ï¼ˆHTML/XHTMLã®å ´åˆï¼‰ã«åŸºã¥ãã‚»ãƒ¬ã‚¯ã‚¿ã€‚ã€Œ#IDã€ã¨è¨˜è¿°ã™ã‚‹ã€‚ ã‚¯ãƒ©ã‚¹ã‚»ãƒ¬ã‚¯ã‚¿ classå±žæ€§ã«åŸºã¥ãã‚»ãƒ¬ã‚¯ã‚¿ã€‚ã€Œ.ã‚¯ãƒ©ã‚¹åã€ã¨è¨˜è¿°ã™ã‚‹ã€‚å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç”¨ã„ãŸã€Œ[class~=ã‚¯ãƒ©ã‚¹å]ã€ã¨æ„å‘³ã¯åŒã˜ã€‚ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ å±žæ€§ãŠã‚ˆã³å±žæ€§å€¤ã«åŸºã¥ãã‚»ãƒ¬ã‚¯ã‚¿ã€‚ã€Œ[å±žæ€§å]ã€ã€ã€Œ[å±žæ€§å=å±žæ€§å€¤]ã€ã€ã€Œ[å±žæ€§å~=å±žæ€§å€¤]ã€ã€ã€Œ[å±žæ€§å|=å±žæ€§å€¤]ã€ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã€‚ ç–‘ä¼¼ã‚¯
krogue 2008/12/21
css
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸