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

ryster id:ryster

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

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

æ„å¤–ã¨é¢å€’ãªtableãŒã‚³ãƒ”ãƒšã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰19é¸ï½œferret [ãƒ•ã‚§ãƒ¬ãƒƒãƒˆ]
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«ã€ä½•æ°—ãªãé‡å®ã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒtableã§ã™ã€‚ ãã‚“ãªtableã§ã™ãŒã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã¨ä¹±é›‘ã«ãªã£ã¦ã—ã¾ã£ãŸã‚Šå°‘ã—å‡ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã‚ˆã†ã—ã¦ã‚‚ã€ã„ã¾ã„ã¡ã¨æ„Ÿã˜ã¦ã—ã¾ã†ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚ªã‚·ãƒ£ãƒ¬ãªtableãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSS3ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚³ãƒ”ãƒ¼ãƒšãƒ¼ã‚¹ãƒˆã§ç°¡å˜ã«ä½¿ãˆã¾ã™ã®ã§ã€ãœã²ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å–ã‚Šå…¥ã‚Œã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹tableã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰19é¸ 1.CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã§ä½œã‚‹ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãƒ†ãƒ¼ãƒ–ãƒ« http://ascii.jp/elem/000/000/462/462099/ æ±Žç”¨æ€§ã®é«˜ã„ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’ä½¿ã£ã¦ã€è¡Œãƒ»åˆ—ã”ã¨ã«èƒŒæ™¯è‰²ãŒé•ã†å…¸åž‹çš„ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã™ã€‚ ä»¥å‰ã®CSS1ã€2ã®å ´åˆã ã¨èƒŒæ™¯è‰²ã‚’å¤‰ãˆã‚‹ã®ã¯çµæ§‹æ‰‹é–“ãŒã‹ã‹ã£
ryster 2015/09/03
css
ãƒªãƒ³ã‚¯
Smashing Magazineã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚±ãƒ¼ã‚¹ãŒå‡„ã¾ã˜ã„ä»¶ - MOL
Frontrend Advent Calendar 2014 - Qiitaã®24æ—¥ç›®ã€‚ãŸã¶ã‚“ã€‚çŸ¥ã‚‰ã‚“ã‘ã©ã€‚ ã¡ã‚‡ã£ã¨å‰ã«ãªã‚‹ãŒ12/13ã«ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã§é–‹å‚¬ã•ã‚ŒãŸThe Style & Class Conference 2014ã«å‚åŠ ã—ã¦ããŸã€‚å‰æ—¥ã«Smashing ConferenceãŒã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã¨ã„ã†ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã‹ã‚‰æ¯”è¼ƒçš„è¿‘ã„æ‰€ã§é–‹å‚¬ã•ã‚Œã¦ã„ã¦ã€æœ¬å½“ã¯ãã£ã¡ã«è¡ŒããŸã‹ã£ãŸã‚“ã ã‘ã©é«˜é¡ãªãŸã‚ã€åœ°å…ƒã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã»ã†ã«ã ã‘å‚åŠ ã—ãŸã€‚ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®æ–¹ã®è¨˜äº‹ã¯@ygoto3ãŒæ›¸ã„ã¦ãŸã£ã½ã„ã€‚ Smashing Conferenceã§ç™»å£‡ã—ã¦ã„ãŸJohn Allsoppæ°ã‚„Val Headæ°ã‚‚ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç™»å£‡ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ã€Žãªã‚“ã ã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®ã¤ã„ã§ã‹ã‚ˆãƒ¼ã€ã¨æ€ã„å…¨ç„¶æœŸå¾…ã—ã¦ãªã‹ã£ãŸã®ã ãŒã€è¡Œã£ã¦ã¿ãŸã‚‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å…¨ä½“ã®æ§‹æˆãªã©ã™ã”ãè€ƒãˆã‚‰ã‚Œã¦ã„ã¦ã€ã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ryster 2014/12/24
css

html

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®ã„ã‚ã„ã‚ãªã‚„ã‚Šæ–¹
ã€Œã‚„ã•ã—ã•ã‚´ã‚·ãƒƒã‚¯ã€ã‚’ä½¿ã„ãŸã‹ã£ãŸã ã‘ãªã‚“ã§ã™ï¼ "ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®ã„ã‚ã„ã‚ãªã‚„ã‚Šæ–¹ - ã—ã‚‹ã‚ã" http://ofsilvers.hatena blog.com/entry/rollover-codingRead less
ryster 2014/09/14
css
ãƒªãƒ³ã‚¯
å‚è€ƒã«ã—ãŸã„CSSã§ã§ãã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³10é¸
ã“ã‚“ã«ã¡ã¯ã€å·¥è—¤ã§ã™ã€‚ ä»Šå›žã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦å‚è€ƒã«ã—ãŸã„ã‚‚ã®ã‚’é›†ã‚ã¾ã—ãŸã€‚ ç°¡å˜ãªã‚ˆã†ã§çµæ§‹æ‚©ã‚“ã§ã—ã¾ã†ã‚“ã§ã™ã‚ˆããƒ»ãƒ»ã€‚ Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php åå‰ã®é€šã‚Šã‚°ãƒ¬ãƒ¼ã‚’åŸºèª¿ã«ãƒªãƒ³ã‚¯ã«ã‚ªãƒ¬ãƒ³ã‚¸ã¨é’ã‚’ä½¿ã£ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã§ã™ã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã§ã¯å³ä¸Šã«ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³åã‹ã‚‰CSSã‚’å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Nimbupani http://icant.co.uk/csstablegallery/tables/42.php é»’ã‚’åŸºèª¿ã«ã€ãƒªãƒ³ã‚¯ã«é’è‰²ã‚’ä½¿ã£ã¦ã„ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã™ã€‚ è‹±èªžã ã‹ã‚‰ã„ã„ã®ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã™ãŒã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ†ãƒ¼ãƒ–ãƒ«ã§ã™ã€‚ Casablanca http://icant.co.uk/csstablegallery/tables/71.php ã‚°ãƒ¬ãƒ¼ã¨èµ¤ã‚’ä½¿ã£ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã€‚è‰²
ryster 2014/08/25
css

table
ãƒªãƒ³ã‚¯
CSSã§blockè¦ç´ ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®å¯„ã›ã«ã™ã‚‹ã€ã‚¤ãƒžãƒ‰ã‚ã®æ–¹æ³•ã€‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Backjoyã‚’è²·ã£ã¦ã¿ãŸã‚‰ã»ã‚“ã¨ã«è…°ãŒæ¥½ãªminamiã§ã™ã€‚ CSSã§è¦ç´ ã‚’ä¸Šä¸‹ä¸å¤®å¯„ã›ã™ã‚‹æ–¹æ³•ã¯å¤ãã‹ã‚‰è‰²ã€…ã¨è©¦ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯æµ·å¤–ã®ã‚µã‚¤ãƒˆã§çŸ¥ã£ã¦ç›®ã‹ã‚‰é±—ã ã£ãŸæ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ åŸºæœ¬çš„ãªè¨å®š ä¸Šä¸‹å·¦å³ä¸å¤®å¯„ã›ã—ãŸã„è¦ç´ ã«ä»¥ä¸‹ã®CSSã‚’è¨å®šã—ã¾ã™ã€‚ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: ä»»æ„ã®å€¤ height: ä»»æ„ã®å€¤ ã“ã‚Œã ã‘ã€‚ã“ã‚Œã ã‘ã§è¦ªè¦ç´ ã«å¯¾ã—ã¦ã®ä¸Šä¸‹å·¦å³ä¸å¤®å¯„ã›ã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ è¿½è¨˜ï¼š è¦ªè¦ç´ ã«ã¯position: absolute;ã‹position: relative; ã‚’è¨å®šã—ã¦ãã ã•ã„ã€‚body ã«å¯¾ã—ã¦ã‚»ãƒ³ã‚¿ãƒ¼å¯„ã›ã—ãŸã„å ´åˆã¯ãã®ã¾ã¾ã§OKã§ã™ï¼ ä»Šã¾ã§top ã¨left ã®å€¤ã‚’50%ã«ã¨ã£ã¦ã€è¦ç´ ã®é«˜ã•ã¨å¹…ã®åˆ†ã ã‘ãƒžã‚¤ãƒŠã‚¹ã®marg
ryster 2014/08/06
j

css
ãƒªãƒ³ã‚¯
Kadoppeâ€™s Blog
2017/02/24ã«é–‹å‚¬ã•ã‚ŒãŸã€Œæ—¥æœ¬ç™ºã‚µãƒ¼ãƒ“ã‚¹ã®ã‚°ãƒãƒ¼ãƒãƒ«ã§ã®æˆ¦ã„æ–¹UX & Service Sketch #25ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ãŸã€‚
ryster 2014/02/06
css
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«è¦šãˆã¦ãŠããŸã„CSS 15
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã€å€‹äººçš„ã«è¦šãˆã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã†CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã„ãšã‚Œã‚‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ æ™®æ®µã‹ã‚‰åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã«ã¨ã£ã¦ã¯ç›®æ–°ã—ã„ã®ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã¾ã ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã“ã¨ãŒãªã„æ–¹ã‚„ã¾ã ã¾ã è‹¦æ‰‹ã ãªã¨æ€ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ UAåˆ‡ã‚Šæ›¿ãˆãƒ»ViewportæŒ‡å®šãƒ»æ‹¡å¤§ç¸®å°ã®æœ‰ç„¡ãƒ»é›»è©±ç•ªå·ãƒªãƒ³ã‚¯ã®ç„¡åŠ¹åŒ–ãƒ»ãƒ›ãƒ¼ãƒ ç”»é¢ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³æŒ‡å®šãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«æœ€ä½Žé™è¦šãˆã¦ãŠãã¹ãã¨æ€ã†ã“ã¨ã¯ä»–ã«ã‚‚æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯CSSã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¿ã‚¤ãƒˆãƒ«ã§ã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã€ã¨ã—ã¦ã¯ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã§ã‚‚é »ç¹ã«ä½¿ã†ã‚‚ã®ã ã£ãŸã‚Šã€PCã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã§ã‚‚CSS3ã«
ryster 2014/02/05
css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
HTML&CSS ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ä½•åº¦ã‚‚èªã¿ç›´ã—ãŸã„è³‡æ–™ãƒ»ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
HTML5/CSS3ãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚Webä¸Šã®è³‡æ–™ãŒå……å®Ÿã—ã™ãŽã¦ã„ã¦ã€ã¤ã„ã¤ã„ä»Šã¾ã§ãªã‚“ã¨ãªãä½œã£ã¦ä½“ç³»çš„ãªçŸ¥è˜ãŒä¸è¶³ã—ã¦ã„ã¾ã—ãŸã€‚çŸ¥ã‚Œã°çŸ¥ã‚‹ã»ã©å¥¥ãŒæ·±ã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å°‘ã—æ‰‹ã‚‚åŠ¹çŽ‡çš„ã«ã™ã‚‹ãŸã‚ã«ã€ã„ãã¤ã‹æ›¸ç±ã‚’è³¼å…¥ã—ãŸã‚Šã€ãƒãƒƒãƒˆä¸Šã®è³‡æ–™ã‚’èªã¿è¾¼ã‚“ã§ã¿ãŸã®ã§ã€å‚™å¿˜éŒ²ãŒã¦ã‚‰ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ (02/05 20:10) å®šæœŸè¦‹ç›´ã— ðŸŽ‚ [Style Guide]ã€ŒGoogle HTML/CSS Style Guideã€ã®å’Œè¨³ GoogleãŒä½œã£ãŸStyle Guideã€ŽGoogle HTML/CSS Style Guideã€ã‚’å’Œè¨³ã—ã¦ã„ãŸã ã„ãŸã€ŽGoogle HTML/CSS Style Guideã‚’é©å½“ã«å’Œè¨³ã—ã¦ã¿ãŸã€ã€‚HTMLã®ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªæ›¸ãæ–¹ã‹ã‚‰ã€CSSã®æ›¸ãæ–¹ã¾ã§ä¸€è²«ã—ã¦ã„ã‚‹ã€‚å€‹äººçš„ã«ã¯CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã¨ã„ã†ã®ã¯åˆç†çš„ã ã¨æ€ã†ï¼ ðŸ° [S
ryster 2014/01/26
html

css
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯å‡¶æ‚ªâ€¦â€¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ¤ãƒã„ãƒã‚°ï¼†ä»•æ§˜ã€€Best5 | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ãƒã‚°ã‚„ãƒ–ãƒ©ã‚¦ã‚¶ä»•æ§˜ã®ã›ã„ã§ã€ã€Œãªã‚“ã˜ã‚ƒã“ã‚Šã‚ƒã‚¢ã‚¢ã€ã£ã¦ãªã‚‹ã“ã¨ã€çš†ã•ã‚“ã‚ã‚Šã¾ã›ã‚“ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€ãã®ä¸ã§ã‚‚ã¨ã‚Šã‚ã‘ã€Œãªã‚“ã˜ã‚ƒã“ã‚Šã‚ƒã‚¢ã‚¢å…·åˆã€ãŒæ¿€ã—ã„ãƒˆãƒ©ãƒ–ãƒ«ã‚’ã€åƒ•ã®ç‹¬æ–ã¨åè¦‹ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã§ãŠè©±ã—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãªã‚“ã§ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã«ã—ãŸã‹ã¨ã„ã†ã¨ã€ãã£ã¡ã®æ–¹ãŒé¢ç™½ã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚é¢ç™½ããªã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„ã€‚ ç¬¬5ä½ã€€IE9.jsã‚’å…¥ã‚Œã‚‹ã¨ã€IE7ã§è¬Žã®éš™é–“ãŒç™ºç”Ÿã—ã¾ãã‚‹ IE9.jsã‚’æŽ¡ç”¨ã—ãŸã‚µã‚¤ãƒˆã‚’IE7,8ã§è¦‹ã‚‹ã¨ã€ <class="ie7_anon ie7_class6" id="ie7_pseudo2" style="overflow: hidden; display: block;"/> ã“ã‚“ãªã‚‚ã®ãŒè¿½è¨˜ã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ ã“ã„ã¤ã«é«˜ã•ãŒã‚ã‚‹ã›ã„ã§ã€éš™é–“ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãŒã€ã“ã„ã¤ãŒãª
ryster 2013/07/10
css
ãƒªãƒ³ã‚¯
ã™ã’ãƒ¼ä¾¿åˆ©ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’å½“ã¦ã‚‹æ–¹æ³•ã€‚
ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å½“ã¦ã‚‹æ–¹æ³•ã€‚ iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } ä¾‹ãˆã°ã€YouTubeã®å¤–éƒ¨ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ï¼ˆiframeï¼‰ã®æ¨ªå¹…ã¯500ã«ã—ãŸã„ã‘ã©ã€ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å¤–éƒ¨ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯320ã«ã—ãŸã„ã¨ãã¯ã€ä¸Šã®ã‚ˆã†ã«æ›¸ãã¨ä¸Šæ‰‹ãå‹•ä½œã—ã¾ã™ã€‚ a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ã¡ãªã¿ã«ã€aã‚¿ã‚°ã‚’ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«æŒ‡å®šã™ã‚‹å ´åˆã¯ã“ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚(wayohoo.comã¯é’è‰²ã€goryugo.comã¯èµ¤è‰²ã¨ã™ã‚‹å ´åˆ) ã‚¿ã‚°å[å±žæ€§å*="URL"]{ /* CSSã®ä¸èº« */ }
ryster 2013/02/26
css
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å¹…ã‚’è¶…ãˆãŸæ–‡å—åˆ—ã‚’...ã§çœç•¥ã™ã‚‹ - Qiita
ã‚ã‚‹å¹…ã«åˆã‚ã›ã¦æ–‡å—åˆ—ã‚’çœç•¥ã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ãŒã€ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹æ–‡å—ã«ã‚ˆã£ã¦å¹…ãŒé•ã†ã®ã§ã€æ–‡å—æ•°ã§åˆ¶å¾¡ã™ã‚‹ã®ã¯å‰²ã¨é¢å€’ã§ã™ãã€‚ ã§ã™ãŒä»¥ä¸‹ã®ã‚ˆã†ã«cssã‚’æ›¸ã„ã¦ãŠã‘ã°ãã£ã¡ã‚Šæ±ºã‚ãŸå¹…ã§ã‚ãµã‚ŒãŸéƒ¨åˆ†ã‚’ã€Œ...ã€ã§çœç•¥ã—ã¦ãã‚Œã¾ã™ã€‚ p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10å¯¾å¿œ */ }
ryster 2013/02/20
css
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
ryster 2013/02/07
css
ãƒªãƒ³ã‚¯
[CSS]2012å¹´æœ€ã‚‚äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆã¨ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã‹ã®æŒ‡é‡ã€ã¨ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹CSSãƒªã‚»ãƒƒãƒˆã®2012å¹´ã«äººæ°—ã®ã‚ã£ãŸã‚‚ã®ã¨ã€ã©ã®CSSãƒªã‚»ãƒƒãƒˆã‚’ä½¿ãˆã°ã„ã„ã®ã‹åˆ¤æ–ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã€CSSãƒªã‚»ãƒƒãƒˆã‚’ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Reset ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 2012å¹´äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆ ã©ã®CSSãƒªã‚»ãƒƒãƒˆã‚’ä½¿ã†ã¹ãã‹åˆ¤æ–ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ CSSãƒªã‚»ãƒƒãƒˆã‚’ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆ 2012å¹´äººæ°—ã®ã‚ã£ãŸCSS Reset ã¾ãšã¯ã€2012å¹´ã«äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆ ãƒ™ã‚¹ãƒˆ5ï¼ CSS ResetçµŒç”±ã§æœ€ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ Eric Meyer's "Reset CSS" 2.0 ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ HTML5 Doctor CSS Reset ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Yahoo! (YUI 3) Reset CSS ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Universal Selector '*' Reset ã‚³
ryster 2012/12/10
css

ã“ã‚Œã¯ä½¿ãˆã‚‹
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒå´ã§CSSã‚’ä¿å˜ã—ãŸã‚‰ç›´ãã«CSSãŒåæ˜ ã•ã‚Œã‚‹ã‚ˆã†ã«ã§ãã‚‹ã€ŒCSSrefleshã€:phpspoté–‹ç™ºæ—¥èªŒ
CSSrefresh - automatically refresh CSS files ã‚µãƒ¼ãƒå´ã§CSSã‚’ä¿å˜ã—ãŸã‚‰ç›´ãã«CSSãŒåæ˜ ã•ã‚Œã‚‹ã‚ˆã†ã«ã§ãã‚‹ã€ŒCSSrefleshã€ã€‚ CSSã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ³¨åŠ›ã—ãŸã„å ´åˆã€ãƒªãƒãƒ¼ãƒ‰ãŒé¢å€’ã§ã™ãŒã€ï¼‘ç§’ã”ã¨ã«ãƒ•ã‚¡ã‚¤ãƒ«ã®æ›´æ–°çŠ¶æ…‹ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦æ›´æ–°ã•ã‚Œã¦ã„ãŸã‚‰åæ˜ ã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã®ãŒã“ã®CSSrefleshã€‚ æ¯Žç§’ã‚µãƒ¼ãƒã¸ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«è¡Œãã®ã§ã€æœ¬ç•ªç’°å¢ƒã§ã¯å½“ç„¶NGã§ã™ãŒã€é–‹ç™ºä¸ã«CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ„ã‚€éš›ã«ã¯ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å³æ™‚åæ˜ ã•ã‚Œã‚‹ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç’°å¢ƒã«å¿œã˜ã¦ã“ã†ã—ãŸãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦åŠ¹çŽ‡åŒ–ã—ãŸã„ã¨ã“ã‚ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Photoshopã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã®æ“ä½œæ„Ÿã§CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ãƒ„ãƒ¼ãƒ« CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆå®Ÿè£…ãŒèª°ã§ã‚‚ç°¡å˜ã«ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒSpriteboxã€
ryster 2012/11/28
css
ãƒªãƒ³ã‚¯
ç´™ãŒãƒšãƒ©ãƒšãƒ©ã‚ãã‚Œã‚‹æ„Ÿã˜ã®3Dãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒMakisuã€:phpspoté–‹ç™ºæ—¥èªŒ
Makisu ~ CSS 3D Dropdown Concept ç´™ãŒãƒšãƒ©ãƒšãƒ©ã‚ãã‚Œã‚‹æ„Ÿã˜ã®3Dãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒMakisuã€ã€‚ Safariç‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦é ‚ããŸã„ã®ã§ã™ãŒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé‡åŠ›ã§ãƒšãƒ©ãƒƒãƒšãƒ©ã¨ã‚ãã‚Œã‚‹æ§˜ãŒã„ã„æ„Ÿã˜ã§ã™ã€‚ æ®†ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ãˆãªã„ã®ã§ã‚¢ãƒ¬ã§ã™ãŒã€ã“ã†ã„ã†ã‚‚ã®ãŒã©ã‚“ã©ã‚“å‡ºã¦ãã¦æŠ€è¡“ã®é€²æ©ã‚’æ—¥ã€…æ„Ÿã˜ã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã®3D Transf ormã§3Dã®ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ä¾‹ ãƒ”ãƒ¥ã‚¢CSSã§ãƒžãƒªã‚ªã‚’3Dè¡¨ç¤ºã—ãŸãƒ‡ãƒ¢ CSS3ã§3Dãªã‚¯ãƒ©ã‚¦ãƒ‰ã‚’æãã€ŒCSS3D Cloudsã€ jQueryã¨CSS3ã‚’ä½¿ã£ãŸ3Dã®ãƒ•ã‚©ãƒˆã‚¹ã‚¿ãƒƒã‚¯å®Ÿè£…ä¾‹
ryster 2012/10/29
css

3D
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ryster 2012/10/23
css
ãƒªãƒ³ã‚¯
ç«‹ä½“çš„ã«ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’åˆ¥ç”»é¢ã«åˆ‡ã‚Šæ›¿ãˆã‚‹è¶…ã‚«ãƒƒã‚³ã„ã„ãƒ‡ãƒ¢:phpspoté–‹ç™ºæ—¥èªŒ
Unfolding 3D Thumbnails Concept | Codrops ç«‹ä½“çš„ã«ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’åˆ¥ç”»é¢ã«åˆ‡ã‚Šæ›¿ãˆã‚‹è¶…ã‚«ãƒƒã‚³ã„ã„ãƒ‡ãƒ¢ã€‚ Safariã®ã¿å¯¾å¿œã®ã‚ˆã†ã§ã™ãŒã€è¶…ã‚«ãƒƒã‚³ã‚ˆãã¦ä½•åº¦ã‚‚åˆ‡ã‚Šæ›¿ãˆã¦ã—ã¾ã†ã“ã¨å¿…è‡³ã®ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ WEBè£½ä½œè€…ãªã‚‰ä¸€åº¦ã¯è¦‹ã¦ãŠããŸã„ãƒ‡ãƒ¢ã ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã¨ã‚Šã‚ãˆãšæ®†ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã¯ä½•å¹´å¾Œã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€iOSç”¨ã®ã‚µã‚¤ãƒˆç‰ã§æ´»ç”¨ã™ã‚‹ã®ã‚‚ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã§ã‚·ãƒ£ãƒ¬ã‚ªãƒ„ãªãƒªã‚¹ãƒˆã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« iPhoneã®ON/OFFã‚¹ã‚¤ãƒƒãƒã‚’HTML5/CSS3ã®å½¢å¼ã§ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆ WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰è¦‹ã¦ãŠãã¹ãCSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ryster 2012/09/03
css
ãƒªãƒ³ã‚¯
ç”»åƒä¸€æžšã ã‘ã§å†™çœŸã‚’é‡ããŸã‚ˆã†ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | ã‚³ãƒªã‚¹
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ç”»åƒã‚’é…ç½®ã—ã€:before, :afterç–‘ä¼¼è¦ç´ ã‚’ä½¿ã£ã¦ã€å†™çœŸã‚’é‡ããŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é‡ããŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ãƒ›ãƒãƒ¼æ™‚ã«CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ â€»ãƒ›ãƒãƒ¼æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯Firefoxã®ã¿ã§ã™ã€‚ å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ãƒ©ãƒƒãƒ‘ãƒ¼ã®divè¦ç´ ã¯Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã§ã€å°†æ¥ç„¡ã—ã§ã‚‚æ©Ÿèƒ½ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ <div class="stack"> <img src="image1.jpg" /> </div> [ad#ad-2] CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯4ã¤ã®ãƒ‡ãƒ¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¨å…±ã«ã€ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€å³ç«¯ã®å†™çœŸãŒåž‚ç›´æ–¹å‘ã«é‡ãªã£ãŸã ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚é‡ãªã‚Šã¯:before, :afterã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ .stack { position: relative; z-index
ryster 2012/06/06
css
ãƒªãƒ³ã‚¯
[CSS]ã‚¬ãƒ©ã‚¹ã«å…‰ãŒã‚ãŸã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ç”»åƒã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€ã‚¬ãƒ©ã‚¹ã«å…‰ãŒã‚ãŸã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… HTML ç”»åƒã®imgè¦ç´ ã¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã®divè¦ç´ ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div class="image_shine"> <img src="http://www.wordpressthemeshock.com/banners/banner_10_themeshock.jpg" /> <div class="hover_shine"></div> </div> CSS ã¾ãšã¯ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã®divè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã®divè¦ç´ ç”¨ã®ã€Œposition: relative;ã€ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ .image_shine{ width: 200px; height: 200px; margin: 30px auto; posit
ryster 2012/05/14
css
ãƒªãƒ³ã‚¯
PHPãƒ™ãƒ¼ã‚¹ã®YUI CSS compressorã€ŒYUI-CSS-compressor-PHP-portã€:phpspoté–‹ç™ºæ—¥èªŒ
PHPãƒ™ãƒ¼ã‚¹ã®YUI CSS compressorã€ŒYUI-CSS-compressor-PHP-portã€ 2012å¹´03æœˆ28æ—¥- tubalmartin/YUI-CSS-compressor-PHP-port GitHub PHPãƒ™ãƒ¼ã‚¹ã®YUI CSS compressorã€ŒYUI-CSS-compressor-PHP-portã€ YUIã¨ã„ã†ã¨Javaã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ãŒã€PHPãƒ™ãƒ¼ã‚¹ã§ãŠæ‰‹è»½ã«ä½¿ãˆã‚‹ã®ãŒã“ã¡ã‚‰ã€‚ æ®‹å¿µãªãŒã‚‰JavaScriptã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€PHPã‚³ãƒ¼ãƒ‰ã§ãŠæ‰‹è»½ã«åœ§ç¸®ã§ãã¡ã‚ƒã†ã®ã¯ä¾¿åˆ©ã§ã™ã ä»¥ä¸‹ã®ã‚ˆã†ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãªã‚³ãƒ¼ãƒ‰ã§ run ã—ã¦ã‚ã’ã‚Œã°åœ§ç¸®å¾Œã®æ–‡å—åˆ—ãŒå–å¾—ã§ãã¾ã™ PHPãªã‚µã‚¤ãƒˆå†…ã§å‹•çš„ã«CSSã‚’åœ§ç¸®ã—ã¦ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§å‡ºã—ãŸã„çš„ãªãƒ‹ãƒ¼ã‚ºã«å¿œãˆã‚‰ã‚Œã¾ã™ ï¼ˆåœ§ç¸®ã§é›£èªåŒ–ã—ã¤ã¤ã‚µã‚¤ã‚ºã‚’æ¸›ã‚‰ã—ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§å‡ºã™ã“ã¨ã§ã‚³ãƒã‚¯ã‚·ãƒ§ãƒ³æ•°ã‚’æ¸›ã‚‰ã—ã¦ã‚¹ãƒ”ãƒ¼
ryster 2012/03/28
css

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