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

xKento id:xKento

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

${{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 ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä¿ã¡ã¤ã¤ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®æ®µçµ„ã¿ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³• ãƒ‘ãƒ¼ãƒˆ2 | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã€ŒHTML ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä¿ã£ãŸã¾ã¾ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’æ®µçµ„ã¿ã™ã‚‹æ–¹æ³•ã€ã®ãƒ‘ãƒ¼ãƒˆ 2 ã§ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ã¯ã€float ã¨ position ã®åˆã‚ã›æŠ€ã«ã‚ˆã‚Šã€å…¨ä½“ã®æ¨ªå¹…ãƒ”ãƒƒã‚¿ãƒªã«è¦ç´ ã‚’æ®µçµ„ã¿ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€position ã‚’ä½¿ã‚ãªã„æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒœãƒƒã‚¯ã‚¹ã¨ä½™ç™½ã®å¹…ã®å€¤ã¯å‰å›žã¨åŒã˜ãä»¥ä¸‹ã§ã™ã€‚ HTML ã‚½ãƒ¼ã‚¹ã‚‚å‰å›žã¨åŒã˜ãã“ã¡ã‚‰ã€‚ç„¡é§„ãª ID ã‚„ class ã®ãªã„ã‚·ãƒ³ãƒ—ãƒ«ãªã‚½ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="ã‚µãƒ³ãƒ—ãƒ«1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="ã‚µãƒ³ãƒ—ãƒ«2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="ã‚µãƒ³
xKento 2008/07/20
*css

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]50+ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | ã‚³ãƒªã‚¹
noupeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ50+ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªCSSã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã‹ã‚‰ã€CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ Using CSS to Do Anything: 50+ Creative Examples and Tutorials å…ˆæ—¥ã€ç´¹ä»‹ã—ãŸã€Œãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„50ã®CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã¨ã¯ã€åˆ¥ã®ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚
xKento 2008/04/22
*css

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

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã®å¹…960pxã‚’åŸºæº–ã«ã—ã¦ã€è¨è¨ˆã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ | ã‚³ãƒªã‚¹
960 Grid Systemã¯ã€ãƒšãƒ¼ã‚¸ã®å¹…960pxã‚’åŸºæº–ã«ã—ã¦ã€è¨è¨ˆã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ 960 Grid System ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 960pxã‚’åŸºæº–ã«ã™ã‚‹ç†ç”±ã¨ã—ã¦ã¯ã€ä¸‹è¨˜ã®2ã¤ãŒæŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æœ€è¿‘ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã¯1024x768ã®è§£åƒåº¦ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€960pxã‚’è¡¨ç¤ºã™ã‚‹ã«ã¯ååˆ†ã§ã‚ã‚‹ã€‚ 960ã¨ã„ã†æ•°å—ã¯ã€2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480ã¨å¤šãã®æ•°å—ã§åŒºåˆ‡ã‚‹ã“ã¨ãŒã§ãã€ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã«ã‚°ãƒªãƒƒãƒ‰ã®è¨è¨ˆã‚’è¡Œãˆã‚‹ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯ã€å·¦å³ã«10pxã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’æŒã¡ã€ã‚«ãƒ©ãƒ é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’20pxã«ã—ã€60pxã‚’ãƒ™ãƒ¼ã‚¹ã«12ã‚«ãƒ©ãƒ ã¨ã€40pxã‚’ãƒ™ãƒ¼ã‚¹ã«16ã‚«ãƒ©ãƒ ã®2ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¦‹ã‚‹ã“ã¨ãŒ
xKento 2008/03/25
*webãƒ‡ã‚¶ã‚¤ãƒ³

*css
ãƒªãƒ³ã‚¯
Most used CSS tricks | StylizedWeb.com
The reality is, most people donâ€™t realize just how much better their website could perform with proper design psychology in place. Your website should accurately represent your brand and bring you (and convert) a consistent flow of targeted traffic. Our website doesnâ€™t do anything for the business. The longer your website fails to perform, the more money it wastes. Youâ€™re not only losing out on re
xKento 2008/02/19
*css

*webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
CSS Spriteã‚’æ´»ç”¨ã—ã‚ˆã† - DesignWalker
xKento 2008/02/18
*css

*webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
CSSæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’ä½¿ã†ã¹ãç†ç”± | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
A List Apart - For People Who Make Websites HTMLã¨CSSã¯è¦æ ¼é€šã‚Šã«ä½¿ã†ã¨ã™ã‚Œã°ç¸¦æ¨ªç„¡å°½ã«ã•ã¾ã–ã¾ãªè¨˜è¿°ãŒã§ãã‚‹ã€‚ã—ã‹ã—è¦æ ¼ä¸Šã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã¨ã„ã£ã¦ã€é¦¬é¹¿æ£ç›´ã«ãã†ã—ãŸæ©Ÿèƒ½ã‚’ä½¿ã†ã®ã¯é¿ã‘ãŸã„ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãªè¨˜è¿°ã§ã‚ã¨ã‹ã‚‰èªã‚“ã§ã‚‚ç†è§£ã—ã‚„ã™ã„ã€ä»–äººãŒèªã‚“ã§ã‚‚ç†è§£ã—ã‚„ã™ã„HTMLã‚„CSSã‚’æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ãŒç†æƒ³ã ã€‚ã—ã‹ã—èª°ã—ã‚‚æœ€åˆã¯ç´ äººã ã€‚ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŒã¾ã¨ã‚ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å‚è€ƒã«ã—ã¦ã€ãã†ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã‚ã‚Šå‹˜ã©ã“ã‚ã‚’å¦ã‚“ã§ã—ã¾ã„ãŸã„ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã§ã‚ã‚‹Alex Bischoffæ°ã¯5æ—¥(ç±³å›½æ™‚é–“)ã€A List Apartã«ãŠã„ã¦Keeping Your Elements' Kids in Line with Offspringã¨ã„ã†åã®ã‚‚ã¨ã€CSSã‚„HTMLã®è¨˜è¿°æ–¹æ³•ã«ã¤ã„ã¦ç´°ã‹ã„æŠ€å·§ã‚’ã¾ã¨ã‚ã¦ç™ºè¡¨ã—ãŸã€‚åŒãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ
xKento 2008/02/07
*webåˆ¶ä½œ

*css
ãƒªãƒ³ã‚¯
CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜
xKento 2007/03/25
*css

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

tips
ãƒªãƒ³ã‚¯
CSSã®æœ€é©åŒ–ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºå‰Šæ¸›ã‚’ã—ã¦ãã‚Œã‚‹ç„¡æ–™ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã„ã‚ã„ã‚
ãƒšãƒ¼ã‚¸ã®åˆ¶ä½œã«ãŠã„ã¦å¿…é ˆã¨ã‚‚è¨€ãˆã‚‹CSSã§ã™ãŒã€ãã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’æœ€é©åŒ–ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã‚’æ—©ãã—ã¦ã¿ãŸã‚Šã€ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å¤šã„ã‚µã‚¤ãƒˆã§ã‚ã‚Œã°è»¢é€æ–™ã®ç¯€ç´„ã«ã‚‚è²¢çŒ®ã§ãã‚‹ã‚‰ã—ã„ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ç¾æ™‚ç‚¹ã§å˜åœ¨ã™ã‚‹CSSæœ€é©åŒ–ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’ã„ã‚ã„ã‚ã¨æŽ¢ã—ã¦åˆ—æŒ™ã—ã¦ã¿ã¾ã—ãŸã€‚æœ€é©åŒ–ã¨ã„ã£ã¦ã‚‚ã‚µãƒ¼ãƒ“ã‚¹ã«ã‚ˆã£ã¦æ–¹æ³•ã¯ã„ã‚ã„ã‚ãªã®ã§ã€ã“ã®ä¸ã‹ã‚‰è‡ªåˆ†ã®ç›®æŒ‡ã™æ–¹å‘ã®æœ€é©åŒ–ã‚µã‚¤ãƒˆãŒè¦‹ã¤ã‹ã‚‹ã‹ã‚‚ã€‚ CSSã®æœ€é©åŒ–ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºå‰Šæ¸›ã‚’ã—ã¦ãã‚Œã‚‹ç„¡æ–™ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ ã‚³ãƒ¡ãƒ³ãƒˆã‚’æ®‹ã—ãŸã‚Šã€ä¸¦ã¹æ›¿ãˆãŸã‚Šã€åœ§ç¸®ã—ãŸã‚Šã€æœ€é©åŒ–ãƒ¬ãƒ™ãƒ«ã‚„ã‚ªãƒ—ã‚·ãƒ§ãƒ³æŒ‡å®šã«ã‚ˆã£ã¦ã‹ãªã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã®å®¹
xKento 2007/03/25
*css

*webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã‚’ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã£ã½ãç„¡ãã™æ–¹æ³• - ãƒãƒ¼ãƒ—ã‚«
ã¯ã¦ãª | 02:04 | ãƒ˜ãƒƒãƒ€ã‚’æ¶ˆã™ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ã‚’æ¶ˆã™ãƒ–ãƒã‚°ãƒ¢ãƒ¼ãƒ‰ã«ã™ã‚‹span.sanchorã‚’æ¶ˆã™è¨˜äº‹ä¸Šéƒ¨ã®div.calendarã®ã¿ã‚’æ¶ˆã™h2ã‚’æ¶ˆã™ã‚‚ã—ãã¯ç›®ç«‹ãŸãªãã•ã›ã‚‹ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’è¨ã‘ãªã„ï¼ˆã‚¿ã‚¤ãƒˆãƒ«ã«ã¤ãã®ãŒè‰¯ããªã„ã‹ã‚‰ï¼‰å¹…ã¯å›ºå®šã‚µã‚¤ãƒ‰ãƒãƒ¼åºƒã‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºå°ã•ã‚ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã¯ç”»åƒã§æ´¾æ‰‹ã‚ã«ã™ã‚‹è¨˜äº‹ä¸ã®ç”»åƒã¯å¤§ãã„ã‚‚ã®ã‚’ä½¿ã†ï¼ˆä»Šæ—¥ã®1æžšã‚’ä½¿ã‚ãªã„ï¼‰æ›´æ–°ã¯ï¼‘æ—¥ã«ï¼‘å›žç¨‹åº¦ã«ï¼‘è¡Œç¨‹åº¦ã®æ›´æ–°ã¯ã—ãªã„
xKento 2007/03/25
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼

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

tips

*css
ãƒªãƒ³ã‚¯
1