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

ken_c_lo id:ken_c_lo

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

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

å›ã¯çŸ¥ã£ã¦ã„ã‚‹ã‹ã€ã‚ã®Compassã®statsã‚³ãƒžãƒ³ãƒ‰ã‚’ï¼ - Qiita
CSSã‚’ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ã‚ˆã†ã¨æ€ã†ã¨ã€ã©ã£ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ãŸã‚‰è‰¯ã„ã‹ã‚ã‹ã‚‰ãªããªã„ã§ã™ã‹ãï¼Ÿåƒ•ã¯ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ ç‰¹ã«Sassã®ã‚ˆã†ãª@importã§ã„ã‚ã„ã‚ãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²ã—ã¦ã„ã‚‹ã¨ã€ã‚ã‚Œã“ã‚Œãªã‚“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã ã£ãŸãŠï¼ˆï¼¾Ï‰ï¼¾;ï¼‰ã£ã¦ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“ã‹ãï¼Ÿåƒ•ã¯ãªã„ã§ã™ï¼ ã¨ã„ã†ã“ã¨ã§ã€ã‚ãªãŸãŒCompassãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ãªã‚‰ã°ã€config.rbã®ã‚ã‚‹å ´æ‰€ã§ä¸‹è¨˜ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’æ‰“ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãã†ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªCSSã«é–¢ã™ã‚‹æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã©ã“ã§ä½•å›žãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ãŒå®šç¾©ã•ã‚Œã¦ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒã©ã‚Œãã‚‰ã„ã‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã©ã‚Œã ã‘å®£è¨€ã•ã‚Œã¦ã„ã‚‹ã‹ãªã©ã€ä¸€ç›®çžç„¶ã§ã™ãã€‚ã“ã‚Œã§ã€ã©ã“ã‹ã‚‰ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ãƒ»æ‰‹ã‚’ã¤ã‘ã¦ã„ã£ãŸã‚‰ã„ã„ã®ã‹ãªã©å‚è€ƒã«ã§ãã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€statsã‚³ãƒžãƒ³ãƒ‰ã®ãƒ˜ãƒ«ãƒ—ã¯ä¸‹è¨˜ $ compass stats --help Usage: co
ken_c_lo 2013/09/18
ã‚¢ãƒ©ãƒ¤ãƒ€ä¾¿åˆ©ã€œ

compass

css
ãƒªãƒ³ã‚¯
ã‚‚ã†CSSè¨è¨ˆã§æ‚©ã¾ãªã„ï¼ã€ŒCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ç–å®šã®ãŸã‚ã®å‚è€ƒè¨˜äº‹ãƒ»ã‚¹ãƒ©ã‚¤ãƒ‰ 7é¸ / SQUEEZE - Web Design Studio -
æ§‹é€ ã‚„ã‚¯ãƒ©ã‚¹åã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è¨˜è¿°æ–¹æ³•ãªã©ã‚’ãƒ«ãƒ¼ãƒ«ä»˜ã‘ã‚‹ã€ŒCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ç–å®šã®ãŸã‚ã®å‚è€ƒè¨˜äº‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒãƒ¼ãƒ ã§ã®å…±æœ‰ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åŠ¹çŽ‡ã‚„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ãªã©ã®æ”¹å–„ã®ãŸã‚ã«ã‚‚ã€ã“ã‚Œã‚’æ©Ÿä¼šã«ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å°Žå…¥ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã†"åˆ¶ä½œãƒãƒ¼ãƒ ã®è¦æ¨¡ãŒå¤§ãããªã‚Œã°ãªã‚‹ã»ã©ã€ã‚³ãƒ¼ãƒ‰ã®çµ±ä¸€æ€§ã¯å¤§åˆ‡" â–¶ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã† Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’è¦‹ç›´ã™ã†ãˆã§æŠ‘ãˆã¦ãŠãã¹ããƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã€‚ ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã«å«ã‚€ã¹ãé …ç›® ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®éšŽå±¤ãƒ»åå‰ ãƒ»è¨˜è¿°é †ã‚„ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã€å˜ä½ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ ãƒ»ID,classãªã©ã®å‘½åè¦å‰‡ ãƒ»å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ CSSã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ç¿»è¨³ã—ã¦ã¿ãŸ"å¤šãã®é–‹ç™ºè€…ãŒé–¢ã‚ã‚‹å ´åˆã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹å¯èƒ½ã€ã‚³ãƒ¼ãƒ‰è¦‹é€šã—è‰¯ãã€æ‹¡å¼µå¯èƒ½ã«ã™ã‚‹ãŸã‚ã«çµ±ä¸€ã•ã‚ŒãŸæ–¹æ³•ã‚’ç”¨ã„ã‚‹ã“ã¨ãŒé‡è¦"
ken_c_lo 2013/09/13
CSSã¤ã‚‰ã„

css
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«CSS
æ¦‚è¦ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSã‚’ç›®æŒ‡ã—ã€å®šç¾©ã•ã‚ŒãŸä¸€èˆ¬çš„ãªCSSãƒ«ãƒ¼ãƒ«ã®ç´¹ä»‹ã¨ã€ãã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦æ´»ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å ±å‘Šã—ã¾ã™ã€‚ 1. åºè«– CSSã¯è¨˜è¿°ãƒ«ãƒ¼ãƒ«ãŒç°¡ç´ ã§ã‚ã‚Šã€å°‘ã—ã®å¦ç¿’ã‚³ã‚¹ãƒˆã§ã™ãã«è¨˜è¿°ãŒã§ãã‚‹æ‰‹è»½ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã—ã‹ã—ã€å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§è¤‡æ•°äººã§é–‹ç™ºã™ã‚‹ã‚±ãƒ¼ã‚¹ç‰ã§ã¯ã€è¦‹æ „ãˆã ã‘ã—ã‹è€ƒãˆãšã«èº«å‹æ‰‹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ã¨ã€ éžå¸¸ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹è² ã®éºç”£ãŒä½œã‚‰ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãã®ãŸã‚CSSã®å“è³ªã‚’ä¿ã¤ãŸã‚ã«æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€CSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ãŒæ±ºã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ä¸€èˆ¬çš„ãªCSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ã¨ã€ãã®ãƒ«ãƒ¼ãƒ«ãŒãªãœä½œã‚‰ã‚ŒãŸã®ã‹ã‚’åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚ ã¾ãŸã€CSSã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æ‰‹å‹•ãƒ»ç›®è¦–ã§ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯éžå¸¸ã«ã‚³ã‚¹ãƒˆãŒé«˜ã„ä½œæ¥ã§ã™ã€‚ ã“ã‚Œã‚‰ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’è£œåŠ©ã™ã‚‹ãƒ„ãƒ¼ãƒ«ç¾¤ã‚’ã€åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚
ken_c_lo 2013/09/02
css
ãƒªãƒ³ã‚¯
Key concepts / Methodology / BEM
Key conceptsBlock Element Modifier BEM entity Mix BEM tree Block implementation Block implementation techno logy Block redefinition Redefinition level BlockA logically and functionally independent page component, the equivalent of a component in Web Components. A block encapsulates behavior (JavaScript), templates, styles (CSS), and other implementation techno logies. Blocks being independent allows
ken_c_lo 2013/08/10
ã‚¹ãƒ†ã‚ã

css
ãƒªãƒ³ã‚¯
ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®ã—ãƒ¼ãˆã—ã‚…ãˆã—ã‚… - MOL
ä¿ºã‚‚ã‚‚ã†30ã ã—ã€å¤ãªã‚“ã§ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã˜ã‚ã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ã‹ä½œã£ã¦ãªã„ã—ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹è¨€ã„ãªãŒã‚‰ã€Githubã®Language Staticsã¯98.3%ã€JavaScriptã£ã¦ãªæ„Ÿã˜ã§Grunt Taskã°ã‹ã‚Šå……å®Ÿã—ã¦ã‚‹ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€ç¾çŠ¶ã€‚ ã¨ã‚Šã‚ãˆãšã€è¨è¨ˆæ–¹é‡ã¨ã—ã¦ã¯ãƒžã‚·ãªCSSã‚’æ›¸ãã“ã¨ã‚’ç›®æ¨™ã¨ã—ã¦ã„ã‚‹ã€‚ã“ã®ä¸€å¹´ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚„ã£ã¦ããŸã‚ã‘ã ãŒã€åº¦é‡ãªã‚‹UIã®å¤‰æ›´ã«è€ãˆã†ã‚‹CSSã€ãã—ã¦è‚¥å¤§åŒ–ã—ãªã„CSSã¨ã¯ä½•ã‹ãšã£ã¨è€ƒãˆã¦ã„ã¦ã€ç‰¹ã«ç”ãˆã¨ã„ã†ç”ãˆã‚‚ã§è¦‹ã¤ã‹ã£ã¦ã„ã‚ã‘ã ã‘ã©ã€ã¨ã‚Šã‚ãˆãšã¯ã“ã†ã—ãŸã»ã†ãŒBetterãªã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†ã®è‡ªåˆ†çš„ã«å›ºã¾ã£ã¦ããŸã®ã§ã€å…¬é–‹ã—ã¦ã¿ãŸã€‚ ã¦ã‹ã€æœ€å¼·ã®CSSãªã‚“ã¦å˜åœ¨ã—ãªã„ã‹ã‚‰ãªã£ï¼ï¼ t32k/maple - GitHub ã‚ã‚ŠãŒã¡ãªè½ã¨ã—ç©´ ã“ã‚Œã‚’ä½œã‚‹ã«ã‚ãŸã£ã¦
ken_c_lo 2013/07/29
css

sass
ãƒªãƒ³ã‚¯
Writing the best CSS when building with HTML5 - Ultimate Courses
Letâ€™s become HTML agnostic. HTML agnostic means to use as little HTML in your CSS (or none). The key factor here is to avoid becoming markup reliant and avoid declaring qualified names (the element name). Letâ€™s take a basic structure for an unordered list navigation:
ken_c_lo 2013/04/17
css
ãƒªãƒ³ã‚¯
ã€ã‚ºãƒœãƒ³ã‚’è„±ã”ã†ã€‘Sassã®SASSè¨˜æ³•ã®é…åŠ›ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã€‘ - ç´è±†ã«ã¯åµã‚’å…¥ã‚Œã‚‹æ´¾ã§ã™ã€‚
ã©ã†ã‚‚ã€‚ CSS Preprocessor Advent Calendar 2012 2012å¹´12æœˆ20æ—¥ï¼ˆæœ¨ï¼‰ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã™@ken_c_loã§ã™ã€‚ ãã†ãã†ãŸã‚‹é¢ã€…ã®ä¸ã€ã¿ãªã•ã‚“ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãªå†…å®¹ã§å¤§å¤‰æç¸®ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã‚“ãªä¸ãƒ¢ã‚¸ãƒ¢ã‚¸ã—ãªãŒã‚‰ã—ã‹ã—ç©ºæ°—ã‚’èªã¾ãšã«ã€ãšã£ã¨æ›¸ããŸã‹ã£ãŸã‚¦ã‚¶ã„æ„Ÿã˜ã®ã‚¨ãƒ³ãƒˆãƒªã‚’æŠ•ä¸‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚ºãƒœãƒ³ã‚’å±¥ã‹ãªã„ã€ŒSASSè¨˜æ³•ã€ã¨ã¯ï¼Ÿ ç™ºç«¯ã¯ã“ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‹ã‚‰ã§ã—ãŸã€‚ â€¦ã¨ã€ãã‚“ãªæµã‚Œã§ã€ã€Œã‚ºãƒœãƒ³ã‚’å±¥ã‹ãªã„ã€SASSè¨˜æ³•ã¨ã¯ãªã‚“ãžã‚„ã€‚ãã®é…åŠ›ã€ã‚«ãƒƒã‚³ã‚ˆã•ã«ã¤ã„ã¦åŠ›èª¬ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ã‚ã‚ã‚ˆãã°SASSè¨˜æ³•ä»²é–“ã‚’å¢—ã‚„ã—ãŸã„ï¼ãã—ã¦ã€ãŠè“åãªã©ã‚’é£Ÿã¹ãªãŒã‚‰SASSè¨˜æ³•ã®é…åŠ›ã«ã¤ã„ã¦èªžã‚Šåˆã„ã€ä»²é–“ã®å°‘ãªã•ã«ã¤ã„ã¦å˜†ãåˆã†.sassã®ä¼šã‚’æœˆä¸€ãã‚‰ã„ã§é–‹å‚¬ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ¾(*â€™Ï‰â€™*)ï¾‰ï¾ž ï½½ï¾žï¾Žï¾žï½°ï¾â€¼ Sassã«ã¯SCSSè¨˜æ³•ã¨SASSè¨˜æ³•
ken_c_lo 2012/12/20
CSS Preprocessor Advent Calendar 20æ—¥ç›®ã€€æ›¸ãã¾ã—ãŸ

sass

css

design
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“ã€‚å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ Webãƒ—ãƒã‚°ãƒ©ãƒžã€Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sassã¨Compassã‚’åˆ©ç”¨ã—
ken_c_lo 2012/12/05
@ ITã•ã‚“ã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨˜äº‹ã‚’å¯„ç¨¿ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚/èª¤ã‚Šä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚id:jcd02446 ã•ã‚“ã€ã”æŒ‡æ‘˜ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼

design

css

sass

compass
ãƒªãƒ³ã‚¯
GitHub - mahm/zurui-sass-rails: Sass mixins by zurui-design(https://speakerdeck.com/ken_c_lo/zurui-design)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ken_c_lo 2012/11/07
ã“ã‚Œã¯ã‚ºãƒ«ã„

sass

ruby on rails

gem

css
ãƒªãƒ³ã‚¯
TEST CORDING Â» Sassã®@functionã®ä½¿ã„æ–¹ã¾ã¨ã‚ â€“ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ãªå‡¦ç†ã¯@function
Let's set up your website! Let's set up your website!
ken_c_lo 2012/10/01
css

sass
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ãŸæ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ã‚ã‚¹ãƒˆã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px æ”¹å–„ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxã‚’ä½¿ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆ</h3> ã€Œtext-indent:-9999px;ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è¦‹ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
ken_c_lo 2012/04/17
CSS
ãƒªãƒ³ã‚¯
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in theÂ world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSSÂ libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
ken_c_lo 2011/10/01
css
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
ken_c_lo 2011/08/20
css
ãƒªãƒ³ã‚¯
CSSãƒã‚°ãƒªã‚¹ãƒˆ
2020.05.23 Satã€ä¿å˜ç‰ˆã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã§3å¹´éŠã‚“ã§ã‚ã‹ã£ãŸå…¨ã¦ï¼ Uncategorized 2020.05.23 Satã€ä¿å˜ç‰ˆã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®ãƒ©ã‚¤ãƒ–ã‚«ã‚¸ãƒŽã§ãŠã™ã™ã‚ã‚’åŽ³é¸ï¼ Uncategorized 2020.05.23 Satã€å¿…è¦‹ã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®ãƒœãƒ¼ãƒŠã‚¹æƒ…å ±ã‚’ç¶²ç¾…ï¼ç™»éŒ²æ™‚ã‚„å…¥é‡‘ã§ãŠå¾—ï¼ Uncategorized 2020.05.23 Satã€å®Œå…¨ç‰ˆã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®ã‚¹ãƒãƒƒãƒˆãŠã™ã™ã‚ãƒ©ãƒ³ã‚ãƒ³ã‚° Uncategorized 2020.05.23 Satãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®ã‚µãƒãƒ¼ãƒˆæƒ…å ±ï¼ã‚¨ãƒ©ãƒ¼ç™ºç”Ÿæ™‚ã¯ã©ã†ã™ã‚‹ï¼Ÿ Uncategorized 2020.05.23 Satã€å¿…è¦‹ã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®VIPåˆ¶åº¦ï¼ãƒã‚¤ãƒãƒ¼ãƒ©ãƒ¼å‘ã‘ Uncategorized 2020.05.23 Satã€ä¿å˜ç‰ˆã€‘ãƒ©ãƒƒã‚ãƒ¼ãƒ‹ãƒƒã‚ãƒ¼ã®å…¥é‡‘ãƒ»å‡ºé‡‘ã‚„é™åº¦é¡ã‚’è§£èª¬ï¼ Uncategorized
ken_c_lo 2011/05/30
css
ãƒªãƒ³ã‚¯
How to Create a jQuery Confirm Dialog Replacement
Continuing on our quest for building customizable alternatives for browser's controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked. HTML Although we are mainly concentrating on the confirmation dialog, lets first say a few words about the page
ken_c_lo 2011/02/06
jquery

css
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘JavaScriptã„ã‚‰ãšã€CSS3ã§ä½œã‚‹ã‚·ãƒ³ãƒ—ãƒ«&ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ (1) CSS3 Dropdown Menuã¨ã¯ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
JavaScriptã‚’ä½¿ã‚ãšã€CSS3ã§ä½œã‚‹ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ WebDesignerWallã«ãŠã„ã¦CSS3ã‚’åˆ©ç”¨ã—ãŸã€MacOSã®ã‚ˆã†ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼(Mac-like multi-level dropdown menu)ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ãŒå…¬é–‹ã•ã‚ŒãŸ(ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹è¨˜äº‹ - CSS3ã§ç¶ºéº—ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ–¹æ³•)ã€‚CSS3ã®æ–°æ©Ÿèƒ½ã§ã‚ã‚‹border-radiusã‚„box-shadow, text-shadowã‚’æ´»ç”¨ã—ã€JavaScriptã‚’ä½¿ã‚ãšã«ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚ CSS3 Dropdown Menu - CSS Codeã‚ˆã‚Šå¼•ç”¨ CSS3 Dropdown Menuã¯Firefoxã¨Safariã€ãã—ã¦Chromeã§å®Œç’§ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã€‚Internet Explorer 7ä»¥é™ã®ã‚ˆã†ãªCSS3ã«å¯¾å¿œã—ã¦ã„ãªã„Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ä½œã™ã‚‹
ken_c_lo 2010/03/24
css3

css
ãƒªãƒ³ã‚¯
Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“ã¨ | gaspanik weblog
å…ˆæ—¥è¶…é€Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼Ÿã¨ã—ã¦TextMateã«Zen-Codingã‚’è¿½åŠ ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ‰‹æ³•ã®æ¦‚è¦ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ã§ã€å®Ÿã¯Zen-Codingã€å‰å›žç´¹ä»‹ã—ãŸå…¥åŠ›æ–¹æ³•ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ HTMLã®ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£çš„ãªã‚‚ã®ãŒã‚ã‹ã£ã¦ã„ã‚Œã°ã€ç‰¹å®šã®è¨˜è¿°ã‚’ã—ã¦å±•é–‹ã™ã‚‹ã¨ä¸€æ°—ã«ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã¡ã‚ƒã£ãŸã‚Šã—ã¾ã™ï¼ˆã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ã€ã“ã£ã¡ãŒæœ¬å½“ã®Zen-Codingãªã‚“ã§ã—ã‚‡ã†ï¼‰ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ãã®ç‰¹å®šã®è¨˜è¿°ã¨ã‚„ã‚‰ã®è©±ã‚’ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã“ã¾ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã‚‹ã¨å®Ÿã«é€Ÿã„â€¦ï¼ˆã¯ãš ç¬‘ï¼‰ã€‚ æ–‡æ›¸æ§‹é€ ãŒã‚ã‹ã£ã¦ã‚Œã°ã€1è¡Œæ›¸ã„ã¦ä¸€æ°—ã«å±•é–‹ã§ãã‚‹Zen-Codingã¯ã€å‰å›žç´¹ä»‹ã—ãŸã‚ˆã†ãªç™»éŒ²ã•ã‚ŒãŸç•¥èªžã‚’ä½¿ã£ã¦HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‰ã‚’å±•é–‹ã™ã‚‹ä½¿ã„æ–¹ã ã‘ã§ãªãã€ç‰¹å®šã®è¨˜è¿°ã‚’ä½¿ã£ã¦æ§‹é€ ã‚’æ›¸ãä¸Šã’ã¦ä¸€æ°—ã«å±•é–‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚TextMateã‚’ä½¿ã£ã¦ã„ã‚‹æ–¹ã¯ã“ã¡ã‚‰ã®ãƒªã‚¹ãƒˆã«ã‚ã‚‹ã€ŒZen.Coding-Text
ken_c_lo 2010/03/02
ã™ã”ãƒ¼ã„ï¼ãŸã®ã—ã„ï¼

zen-coding

html

css
ãƒªãƒ³ã‚¯
Codaã«Zen-Codingã‚’å…¥ã‚Œã¦ã¿ã‚‹ã¨â€¦ | gaspanik weblog
å‰å›žã€å‰ã€…å›žã¨TextMateã‚’ãƒ™ãƒ¼ã‚¹ã«Zen-Codingã®è©±ã‚’ã—ãŸã‚ã‘ã§ã™ãŒã€ä¸€ç•ªæœ€åˆã«ã‚‚æ›¸ã„ãŸã‚ˆã†ã«TextMateã¯æ—¥æœ¬èªžã®å‡¦ç†ãŒã†ã¾ããªã„ã®ã§ã€å°Žå…¥ã—ãŸãã¦ã‚‚å°Žå…¥ã§ããªã„æ–¹ã‚‚å¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã§ã‚‚ã€Zen-Codingã‚’TextMateä»¥å¤–ã§ä½¿ãŠã†ã¨ã™ã‚‹ã¨ã‚°ãƒƒã¨é¸æŠžè‚¢ãŒæ¸›ã‚Šã¾ã™ã€‚Macä½¿ã„ã®çš†ã•ã‚“ãŒãŠä½¿ã„ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¨ã„ãˆã°ã€Codaã‚„skEditã€miã‚ãŸã‚ŠãŒæœ‰åã©ã“ã‚ã§ã™ã€‚è‰¯ã‹ã£ãŸï¼Codaãªã‚‰ã‚³ãƒžãƒ³ãƒ‰ã®é•ã„ã¯ã‚ã‚Šã¾ã™ãŒã€ãã®æ©æµã«ã‚ãšã‹ã‚Œã¾ã™ã‚ˆï¼ˆç¬‘ï¼‰ã€‚ ï¼ˆè¿½è¨˜ï¼‰Zen-Codingã®Dreamweaverç”¨ã®MXPï¼ˆãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã®è¾ºã§ï¼‰ã§ã‚‚ã€ä»¥ä¸‹ã®æ“ä½œã¨åŒã˜ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã§ç•¥èªžã‚„æ§‹é€ ã®å±•é–‹ã¯ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ Codaã§ã‚„ã‚‹ãªã‚‰ã€ŒTEA for Codaã€ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« å‰ã€…å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã‚‚æ›¸ã„ã¦ãŠãã¾ã—ãŸãŒã€ç¾åœ¨Codaç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€ŒTEA for Codaã€
ken_c_lo 2010/03/02
ã‚€ã€å±•é–‹ãŒctrl+,ã˜ã‚ƒãªãã¦f1ã ã£ãŸâ€¦ãªãœâ€¦ã€‚ã§ã‚‚å¤§å¤‰åŠ©ã‹ã‚Šã¾ã—ãŸã€‚

css

Coda

html

zen-coding
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„äººã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹Zen-Codingã‚’å°Žå…¥ã—ã¦ã¿ãŸ - EC studio ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
æœ€è¿‘ã«ãªã£ã¦æ€¥ã«ç››ã‚Šä¸ŠãŒã£ã¦ãã¦ã„ã‚‹Zen-Codingã‚’ã¿ãªã•ã‚“ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ Zen-Codingã¯HTML/CSSã‚’ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆï¼‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ç°¡ç•¥åŒ–ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã“ã¨ãŒã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ç‹¬ç«‹ã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã‚½ãƒ•ãƒˆã§ã¯ãªãã€æ—¢å˜ã®HTML/CSSã‚¨ãƒ‡ã‚£ã‚¿ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³çš„ã«å°Žå…¥ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ Zen-Codingã¨ã„ã†ã®ã‚‚ãŒã©ã†ã„ã†ã‚‚ã®ã§ã€ã©ã‚“ãªã™ã”ã„ã‚‚ã®ãªã‚“ã ã€ã¨ã„ã†ã®ã¯ã“ã¡ã‚‰ã®å‹•ç”»ã‚’è¦‹ã¦ãã ã•ã„ã€‚ â€»éŸ³ãŒå‡ºã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ Zen Coding v0.5 from Sergey Chikuyonok on Vimeo ä¸€ä½“ä½•ãŒãŠã“ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†æ„Ÿã˜ã ã¨æ€ã‚ã‚Œã¾ã™ãŒã€ä»Šå›žã®è¨˜äº‹ã§ã¯ã“ã®Zen-Codingã®å°Žå…¥æ–¹æ³•ã¨ä½¿ã„æ–¹ã®ä¸€ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Zen-Codingã«å¯¾å¿œã—ã¦ã„ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã¯è‰²ã€…ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯å¼Šç¤¾ã®é–‹ç™ºç’°å¢ƒã—ã¦ã„ã‚‹Aptana Studio
ken_c_lo 2010/03/02
codaã«å…¥ã‚Œã¦ã¿ãŸã€‚æ¥½ã—ã„ï¼ http://blog.gaspanik.com/coda-with-tea-for-coda

CSS

HTML
ãƒªãƒ³ã‚¯
CSSã§ã®é€éŽåº¦æŒ‡å®šã«ã¤ã„ã¦
ã‚ãã¾ã§ã‚‚ç¾æ™‚ç‚¹ã§ã¯éžå…¬å¼ã§ã™ãŒã€ç¾è¡Œã®PCå‘ã‘ãƒ–ãƒ©ã‚¦ã‚¶ã®å¤šãã¯CSSã§è¦ç´ ã®é€éŽåº¦ã‚’æŒ‡å®šã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã‚Œã«ä¾ã‚Šã€ä¾‹ãˆã°èƒŒæ™¯ã®ä¸Šã«åŠé€æ˜Žã®è¦ç´ ã‚’é‡ãåˆã‚ã›ã‚‹ã¨è¨€ã†ã‚ˆã†ãªè¦–è¦šåŠ¹æžœã‚’å‡ºã™äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ä½†ã—ã€ç¾æ™‚ç‚¹ã§ã¯ã¾ã å‹§å‘Šã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ä½¿ã†äº‹ã«é–¢ã—ã¦å•é¡Œã‚’æŒ‡æ‘˜ã•ã‚Œã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ã§ã™ãŒã€ä»Šæ—¥ã§ã¯å‹§å‘Šã™ã‚‹ã‹ã©ã†ã‹ã‚’åˆ¤æ–ã™ã‚‹W3Cã«ã¯ã‚‚ã¯ã‚„ä»–äººã«ä½¿ç”¨ã‚’æ¢ã‚ã•ã›ã‚‰ã‚Œã‚‹ç¨‹ã®æ¨©å¨ãªã©ã¨ã£ãã«å¤±ã£ã¦ã„ã‚‹ãŸã‚ã€å®Ÿè£…ã‚’è€ƒãˆã¦ç´¹ä»‹ã—ã¦ã‚‚å•é¡Œã®ãªã„æ®µéšŽã«è‡³ã£ã¦ã„ã‚‹ã¨æ–è¨€ã—ã¾ã™ã€‚ CSSã§ã®é€éŽåº¦æŒ‡å®šã®æ¦‚è¦ã€‚ å¹³æˆ19å¹´ 5æœˆ14æ—¥ç¾åœ¨ã€ã¾ã å…¬å¼ãªã‚‚ã®ã¨ã•ã‚Œã¦ãŠã‚Šã¾ã›ã‚“ãŒã€CSSã«ã¯è¦ç´ ã®é€éŽåº¦ã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ç¾åœ¨ç–å®šä¸ã®CSSç¬¬ä¸‰æ°´æº–ã«ã¦å°Žå…¥ã•ã‚Œã‚‹äºˆå®šã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ å®Ÿã‚’è¨€ã†ã¨é€éŽåº¦ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å¹³æˆ15å¹´ 5æœˆ14æ—¥ã«æ£å¼å‹§å‘Šã®ä¸€æ©å‰ã¨ãªã‚‹äº‹å‰å‹§å‘Šã¨ãªã£ã¦
ken_c_lo 2010/02/14
css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸