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

reef id:reef

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

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

ä¾¿åˆ©ãªç„¡æ–™ãƒ„ãƒ¼ãƒ«ãŒç™»å ´ï¼ Webã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹CSSã‚„è‡ªåˆ†ãŒæ›¸ã„ãŸCSSã‚’è©³ç´°ã«è§£æžã—ã¦ãã‚Œã‚‹ -CSS Analyzer
1ã‚¯ãƒªãƒƒã‚¯ã§ã€Webã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹CSSã‚„è‡ªåˆ†ãŒæ›¸ã„ãŸCSSã‚’è©³ç´°ã«è§£æžã—ã¦ãã‚Œã‚‹ç„¡æ–™ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSSã®æ¤œè¨¼ã¨ã—ã¦ãŠã‹ã—ãªã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãƒ»åŒã˜ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãƒ»ä¸€è²«æ€§ã®ãªã„ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãªã©ã‚’è¦‹ã¤ã‘ãŸã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ä½œæˆã«ã‚‚å½¹ç«‹ã¡ã¾ã™ã€‚ CSS Analyzer CSS Analyzer -GitHub CSS Analyzerã¯Wallace CLI, constyble, color-sorterãªã©ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã‚‹Project Wallaceã®CSSè§£æžãƒ„ãƒ¼ãƒ«ã§ã™ã€‚MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚„è‡ªåˆ†ãŒæ›¸ã„ãŸCSSã®ã‚³ãƒ¼ãƒ‰ã‚’è©³ç´°ã«è§£æžã—ã¦ãã‚Œã¾ã™ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ç°¡å˜ã«åˆ©ç”¨ã§ãã€GitHubã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ ã•ã£ããã‚ªãƒ³ãƒ©ã‚¤ãƒ³ç‰ˆã§è©¦ã—
reef 2022/07/25
css
ãƒªãƒ³ã‚¯
ã€ã¯ã¦ãªãƒ–ãƒã‚°ã€‘ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãŠä¸–è©±ã«ãªã£ãŸãƒ–ãƒã‚°ã€Adsenseã‚’ç‰¹å®šã®è¨˜äº‹ã§éžè¡¨ç¤ºã€ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’CSSã§ã‚¿ã‚°é¢¨ã«è¡¨ç¤ºãªã©ã€‘ - åºƒæ±Žæ€§ç™ºé”éšœå®³ã®å¥³ãŒãŸã¾ã«æ¯’ã‚’åããƒ–ãƒã‚°
æœ¬æ—¥ã¯ã€ç§ãŒã¯ã¦ãªãƒ–ãƒã‚°ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹æ™‚ã«ãŠä¸–è©±ã«ãªã£ãŸãƒ–ãƒã‚°ã‚’ã”ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã™ï¼ ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’CSSã§ã‚¿ã‚°é¢¨ã«è¡¨ç¤ºã™ã‚‹ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’ã‚¿ã‚°é¢¨ã«è¡¨ç¤ºå‡ºæ¥ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æŽ²è¼‰ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼è¡¨ç¤ºã‚ˆã‚Šç›®ç«‹ã¤ã—ã‚«ãƒƒã‚³ã‚¤ã‚¤ã§ã™ï¼ ã“ã®ãƒ–ãƒã‚°ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€èƒŒæ™¯è‰²ã‚’background-color: #29475f;ã«ã—ã¦ã€ç´ºè‰²ã£ã½ã„è‰²ã«å¤‰ãˆã¦ã„ã¾ã™ã€‚ è‰²è¦‹æœ¬ã¯ä¸‹è¨˜ã‚µã‚¤ãƒˆãªã©ãŒå‚è€ƒã«ãªã‚Šã¾ã™ã€‚ æœ¬æ–‡ã®ç›´ä¸‹ã«ã€Œè¨˜äº‹ä¸‹ã€ã‚’è¡¨ç¤ºã•ã›ã‚‹ ã¯ã¦ãªãƒ–ãƒã‚°ã§ã¯é€šå¸¸ã€ä¸‹è¨˜ã®ã‚ˆã†ãªä¸¦ã³ã«ãªã‚Šã¾ã™ãŒã€ æœ¬æ–‡ SNSãƒœã‚¿ãƒ³ ã¯ã¦ãªãƒ–ãƒã‚°ã®Google Adsense ï¼ˆç„¡æ–™ç‰ˆã®å ´åˆï¼‰ è¨˜äº‹ä¸‹ ã‚³ãƒ¡ãƒ³ãƒˆ ã€Œè¨˜äº‹ä¸‹ã€ã‚’æœ¬æ–‡ã®ç›´ä¸‹ã«ç§»å‹•ã•ã›ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æŽ²è¼‰ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ æœ¬æ–‡ è¨˜äº‹ä¸‹ SNSãƒœã‚¿ãƒ³ ã¯ã¦ãªãƒ–ãƒã‚°ã®Google Adsense ï¼ˆç„¡æ–™ç‰ˆã®å ´åˆï¼‰ ã‚³ãƒ¡
reef 2015/11/03
adsense

css
ãƒªãƒ³ã‚¯
Amazon.co.jp: ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é¤Šæˆèªæœ¬ [HTMLã€CSSã€JavaScriptã®åŸºæœ¬ã‹ã‚‰ç¾å ´ã§å½¹ç«‹ã¤æŠ€è¡“ã¾ã§æº€è¼‰! ] (Software Design plus): æ–‰è—¤ç¥ä¹Ÿ, çŸ³æœ¬å…‰å¸, åŠ è—¤è³¢ä¸€, æ°´é‡Žéš¼ç™», è°·æ‹“æ¨¹, æ³‰æ°´ç¿”å¾, åŽŸä¸€æˆ, å¹³æœ¨è¡, ä½è—¤æ©, æ‰æœ¬å‰ç« : æœ¬
reef 2015/01/24
html

javascript

css

amazon

æœ¬
ãƒªãƒ³ã‚¯
HTMLï¼CSSã€PHPã€jQueryã®åŸºç¤Žã‚’å¦ã¶ãªã‚‰è¶…ã‚ªã‚¹ã‚¹ãƒ¡ï¼ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã‚µãƒ¼ãƒ“ã‚¹ã€ŒProgateã€
ã¾ãšã¯Progateã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ä½œæˆã€‚ç§ã¯Twitterã§èªè¨¼ã—ã¾ã—ãŸã€‚ ç¾åœ¨å¦ã¹ã‚‹è¨€èªžã¯ HTML & CSS PHP jQuery ã®3è¨€èªžã®åŸºç¤Žéƒ¨åˆ†ã€‚ ã¨ã‚Šã‚ãˆãšHTML & CSSã‚’ã‚„ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ å¦ç¿’ã®æµã‚Œ å¦ç¿’ã®æµã‚Œã¯3ã‚¹ãƒ†ãƒƒãƒ—ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã§åŸºç¤ŽçŸ¥è˜ã‚’å¦ç¿’ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦å®Ÿéš›ã«å¦ç¿’ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç”»é¢ã§å®Ÿéš›ã«æŒ™å‹•ã‚’ç¢ºèªâ†’ç”ãˆåˆã‚ã› ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ ã‚¹ãƒ©ã‚¤ãƒ‰ã¯éžå¸¸ã«ä¸å¯§ãªä½œã‚Šã¨ãªã£ã¦ãŠã‚Šã¾ã™ã®ã§ã€ã‚ˆãèªã¿ã“ã‚ã°åˆå¿ƒè€…ã§ã‚‚ã—ã£ã‹ã‚Šã¨ç†è§£ã‚’ã—ãªãŒã‚‰å¦ç¿’ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ çŸ¢å°ã‚ãƒ¼ã§ãƒšãƒ¼ã‚¸é€ã‚ŠãŒã§ãã‚‹ã®ãŒCoolã€‚ 1ãƒ¬ãƒƒã‚¹ãƒ³ã«ã¤ãæ•°æžšã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã€è¦‹çµ‚ã‚ã£ãŸã‚‰ã‚¨ãƒ‡ã‚£ã‚¿ç”»é¢ã¸ã¨GOï¼ ã‚¨ãƒ‡ã‚£ã‚¿ç”»é¢ ã“ã¡ã‚‰ãŒãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ç”»é¢ã€‚å·¦å´ãŒå•é¡Œæ–‡ã€çœŸã‚“ä¸ãŒã‚¨ãƒ‡ã‚£ã‚¿ã€å³å´ãŒãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç”»é¢ã¨ãªã‚Šã¾ã™ã€‚ ã‚‚ã†ä¸€åº¦ã‚¹ãƒ©ã‚¤
reef 2015/01/20
*webã‚µãƒ¼ãƒ“ã‚¹

å¦ç¿’

html

CSS

JQuery
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚¢ãƒžå•ã‚ãšä½¿ãˆã‚‹10å€‹ã®æœ€æ–°ç„¡æ–™CSSãƒ„ãƒ¼ãƒ« / ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼
æŠ•ç¨¿æ—¥ï¼š2014å¹´8æœˆ8æ—¥ã€€ã€€ã€€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼š- ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ—ãƒã‚¢ãƒžå•ã‚ãšä½¿ãˆã‚‹10å€‹ã®æœ€æ–°ç„¡æ–™CSSãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Step1Â ï¼šÂ ã¯ã˜ã‚ã« Step2Â ï¼šÂ CSSã®ä¸»ãªãƒ¡ãƒªãƒƒãƒˆ Step3Â ï¼šÂ ç„¡æ–™ã®CSSãƒ„ãƒ¼ãƒ«10å€‹ Step4Â ï¼šÂ é–¢é€£è¨˜äº‹ CSSã¯ãšã„ã¶ã‚“å‰ã‹ã‚‰ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿…è¦ä¸å¯æ¬ ãªå˜åœ¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ CSSãŒã“ã“æœ€è¿‘ã™ã£ã‹ã‚Šã‚¦ã‚§ãƒ–ã®æ¨™æº–æŠ€è¡“ã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯ã€ã©ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚èªã‚ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ãªã„äººãªã‚‰ã€CSSã¨ã¯ä½•ã‹ã€ãªãœãã‚“ãªã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã€ã¨ç–‘å•ã«æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚¦ã‚£ã‚ãƒšãƒ‡ã‚£ã‚¢ã«ã‚ˆã‚‹ã¨ã€CSSã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžï¼ˆHTMLãªã©ï¼‰ã§æ›¸ã‹ã‚ŒãŸæ–‡æ›¸ã®è¡¨ç¤ºã‚’æŒ‡å®šã™ã‚‹ãŸã‚ã«ä½¿ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨€èªžã§ã™ã€‚ ã“ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã«ã‚ˆã‚Šã€æ™‚é–“ã‚„ãŠé‡‘ã‚’ã‹ã‘ã‚‹ã“ã¨ãªãã€ã‚µã‚¤ãƒˆã¸ã®è¨ªå•è€…ã®ä½“é¨“ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«
reef 2014/08/10
css

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
awesome-css-tutorials-2014-spring.html
CSSã®é€²åŒ–ãŒæ¢ã¾ã‚Šã¾ã›ã‚“ã€‚ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã®æ‰“ã¡å‡ºã—ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ã†ã¾ãé…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚’åŠ ãˆãŸã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®font-sizeæŒ‡å®šã®ã†ã¾ã„æ–¹æ³•ãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ¥µä¸Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Zig Zag Border Created CSS æœ€è¿‘è¦‹ã‹ã‘ã‚‹ã‚ˆã†ãªã£ãŸã‚¸ã‚°ã‚¶ã‚°ã®ãƒœãƒ¼ãƒ€ãƒ¼ã€‚ç”»åƒã®ä½¿ç”¨ã¯ãªã—ã€divã®ä¸‰è§’å½¢ã‚’ãŸãã•ã‚“ä¸¦ã¹ã‚‹ã§ã‚‚ãªãã€æ™®é€šã«divä¸€ã¤ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚åŒºåˆ‡ã‚Šç·šã¨ã—ã¦ã‚‚ãƒ‘ãƒãƒ«ã®é£¾ã‚Šã¨ã—ã¦ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ SVGã‚’ä½¿ã£ãŸç‰ˆã¯ã“ã¡ã‚‰ã€Pinked Border
reef 2014/04/25
ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

css
ãƒªãƒ³ã‚¯
ã™ã”ãå½¹ç«‹ã£ãŸï¼ã‚µã‚¤ãƒˆåˆ¶ä½œã§ã•ã‚Šã’ãªãä½¿ã‚ã‚Œã¦ã„ã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã¨ã‚
ä½œæˆï¼š2014/04/21 æ›´æ–°ï¼š2014/10/24 Webåˆ¶ä½œ > å‰å›žã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆåˆ¶ä½œãŒæ—ã‚‹jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸãŒã€ä»Šå›žã¯CSSç‰ˆã¨ã„ã†ã“ã¨ã§ã€ä½¿ç”¨é »åº¦ãŒé«˜ã„ã‚‚ã®ã¨ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã‚Šãã†ãªã‚‚ã®ã‚’ã€å¿˜ã‚Œãªã„ã‚ˆã†ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„Web ã‚µãƒ¼ãƒ“ã‚¹ã‚µã‚¤ãƒˆã§ã•ã‚Šã’ãªãä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚„ã€ä»Šå¾Œå¢—ãˆãã†ãªã‚‚ã®ãªã©ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ æ¨ªä¸¦ã³ ï¼‘ï¼Žä»Šã¾ã§ã®å›žã‚Šè¾¼ã¿è§£é™¤ ï¼’ï¼Žæ¨ªä¸¦ã³ã‚„ä¸¦ã³é † ï¼“ï¼Žå‡ç‰ã«ä¸¦ã¹ã‚‹ï¼æ®µçµ„ã¿ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼”ï¼Žå¤šéšŽå±¤ã€€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ï¼•ï¼Žamazoné¢¨ã€€ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ï¼–ï¼Žãƒ‰ãƒãƒ¯ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼—ï¼Žãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ ï¼˜ï¼Žã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ï¼™ï¼Žã‚¿ãƒ–ãƒ‘ãƒãƒ« ãƒ†ãƒ¼ãƒ–ãƒ« ï¼‘ï¼ï¼Žã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãƒ†ãƒ¼ãƒ–ãƒ« ï¼‘ï¼‘ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼‹ãƒ†ãƒ¼ãƒ–ãƒ« ãƒªã‚¹ãƒˆ ï¼‘ï¼’ï¼Žã‚«ã‚¦ãƒ³ãƒˆ
reef 2014/04/22
css

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
ä½¿ã‚ã‚Œã¦ã„ãªã„CSSã‚’æŽ¢ã™æ–¹æ³•
Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œã«æºã‚ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰CSSã‚‚æ‰±ã£ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã€‚å½“åˆã¯å°ã•ã‹ã£ãŸCSSãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤‰æ›´ã‚„èª¿æ•´ã‚’ç¶šã‘ã‚‹ã†ã¡ã«ã€ã©ã‚“ã©ã‚“å¤§ãããªã£ã¦ã„ãã€ç°¡å˜ã«ã¯å…¨ä½“ã‚’è¦‹æ¸¡ã™ã“ã¨ãŒã§ããªããªã‚‹ã€‚æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå´©ã‚ŒãŸã‚Šãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿é–“ã®èª¿æ•´ã‚’å–ã‚‹ãŸã‚ã€æ—¢å˜ã®CSSã«ã¯æ‰‹ã‚’åŠ ãˆãšã«æ–°ã—ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ãã“ã¨ã«ãªã‚‹ãŸã‚ã€ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã©ã‚“ã©ã‚“å¤§ãããªã£ã¦ã„ãã€‚ ã“ã†ã—ãŸçŠ¶æ³ã¯CSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã¯ã‚ã¾ã‚Šå¥½ã¾ã—ã„ã‚‚ã®ã¨ã¯ã„ãˆãªã„ã€‚ç·¨é›†ã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ãã†ã¡ã«ã€ã™ã§ã«ä½¿ã‚ã‚Œãªããªã£ã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ã‚ã‚‹ã ã‚ã†ã€‚ãã†ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã¯ã§ãã‚Œã°å‰Šé™¤ã—ãŸæ–¹ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã®è¦‹é€šã—ãŒã‚ˆããªã‚‹ã€‚ãã‚“ãªå ´åˆã«æ´»ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãŒThe David Walsh Blogã®è¨˜äº‹ã€Œuncss: Find Unused CSSã€ã«ãŠã„ã¦ç´¹ä»‹ã•ã‚ŒãŸã€‚ ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ã€Œuncssã€ã¨ã„
reef 2014/04/08
css

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³CSSè¨è¨ˆã®è§£èª¬ã‚µã‚¤ãƒˆã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
reef 2014/03/27
css

ã¾ã¨ã‚

CSSè¨è¨ˆ
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã§ã•ã¾ã–ã¾ãªè¦ç´ ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Fluidity | ã‚³ãƒªã‚¹
iframeã‚’ä½¿ã£ãŸåœ°å›³ Fluidityã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§å®Œäº†ã§ã™ã€‚ <link rel="stylesheet" href="css/fluidity.min.css"> Step 2: HTML ã‚ã¨ã¯ã€é€šå¸¸é€šã‚Šã«HTMLã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ ç”»åƒã®å ´åˆ <img src="image.png"> ãƒ†ãƒ¼ãƒ–ãƒ«ã®å ´åˆ ãƒ†ãƒ¼ãƒ–ãƒ«ã®æ™‚ã¯classã‚’åŠ ãˆã¾ã™ã€‚ <div class="overflow-container"> <table>  </table> </div> åœ°å›³ã®å ´åˆ <iframe src="https://www.google.com/maps/embed?ãƒžãƒƒãƒ—ã®ã‚³ãƒ¼ãƒ‰" width="100%" height="450" framebor
reef 2014/03/26
*webåˆ¶ä½œ

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
æ–°ã—ã„CSSã®ä»•æ§˜ã‚’è‰²ã€…èª¿ã¹ã¦ã¿ãŸ
ç¬¬3å›žHTML5ãƒ“ã‚®ãƒŠãƒ¼ã‚ºï¼ï¼ˆhttp://atnd.org/events/44530ï¼‰ã®ã€Œæ–°ã—ã„CSSã®ä»•æ§˜ã‚’è‰²ã€…èª¿ã¹ã¦ã¿ãŸã€ã®è³‡æ–™ã§ã™ã€‚ ã€ŽCSS3ã‹ã‚‰æ–°ãŸã«åŠ ã‚ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä»•æ§˜ã®CSS Flexboxã€ Regionsã€Shapesã§ä¸€ä½“ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã”ç´¹ä»‹ã—ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚ã€ ä»¥ä¸‹ã®CSS3ã®æ–°ã—ã„æ©Ÿèƒ½ã®åˆå¿ƒè€…å‘ã‘è³‡æ–™ã§ã™ã€‚ ãƒ»Flexbox ãƒ»Regions ãƒ»Shapes ãƒ»Multi-column Layout ãƒ»Grid Layout ãƒ»Exclusions Read less
reef 2013/10/24
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

css

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

ã¾ã¨ã‚

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã‚µãƒ³ãƒ—ãƒ«é›†
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transf orm: skew(-25deg) rotate(5deg); -ms-transf orm: skew(-25deg) rotate(5deg); -webkit-transf orm: skew(-25deg) rotate(5deg); transf orm: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
reef 2013/09/04
CSS

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
bashalog.biz
bashalog.biz 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
reef 2012/08/10
ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

*webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
Remove unused CSS - CSS Optimizer
On average, about 35% of CSS code is completely unnecessary. We meticulously find and remove this unnecessary CSS code.
reef 2011/08/16
*webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«

css
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§Appleé¢¨ã®ãƒ‘ãƒ³ããšã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
éšŽå±¤ã‚’åŒºåˆ‡ã‚‹ä¸‰è§’ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªAppleé¢¨ã®ãƒ‘ãƒ³ããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸‰è§’ã®ç®‡æ‰€ã¯ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] HTML -ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ãƒ‘ãƒ³ããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã«ã¯classã‚’ä½¿ç”¨ã—ã¾ã›ã‚“ã€‚ HTML <ul class="breadcrumb"> <li><a href="#">ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸</a></li> <li><a href="#">ç¬¬äºŒéšŽå±¤</a></li> <li><a href="#">ç¬¬ä¸‰éšŽå±¤</a></li> <li><a href="#">ç¬¬å››éšŽå±¤</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
reef 2010/11/04
*webåˆ¶ä½œ

ãƒ‘ãƒ³ããš

css
ãƒªãƒ³ã‚¯
ã€è§£æ±ºç·¨ã€‘YUI Fonts CSSã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§æœ€é©åŒ–ã™ã‚‹ã€‚ - Trans
å…ˆæ—¥ã€YUI Fonts CSSã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æŒ‡å®šã—ãŸéš›ã«ã€Operaã«ãŠã„ã¦ã¯ãƒ•ã‚©ãƒ³ãƒˆãŒå°ã•ãè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€emæŒ‡å®šã™ã‚‹ã¨ã‹ã€Operaã®ã¿ãƒãƒƒã‚¯ã™ã‚‹ã¨ã‹ã—ã¦è§£æ±ºã™ã‚‹ã€ãã‚“ãªã“ã¨ã‚’æ›¸ãã¾ã—ãŸã€‚ã§ã‚‚ã€ã‚ˆã†ã‚„ãå„ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§YUI Fonts CSSã‚’ä½¿ã„ãªãŒã‚‰ã€çš„ç¢ºãªãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã®ã§ã€æ›¸ã„ã¦ãŠãã¾ã™ã€‚ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸ã®æŒ‡å®šã‚’æ•°ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆãšã‚‰ã™ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã»ã¼åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ ã¾ãšã€å‰å›žæ›¸ã„ãŸè¨˜äº‹ã§å•é¡Œã ã¨è€ƒãˆã¦ã„ãŸã®ã¯ã€ emæŒ‡å®šã®å ´åˆã¯ã€IE6ãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è§£é‡ˆãŒç•°ãªã‚‹ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã®æ–‡å—ã‚µã‚¤ã‚ºã®æ‹¡å¤§æ©Ÿèƒ½ã‚’ä½¿ã£ãŸéš›ã«ã€æ‹¡å¤§ã•ã‚Œã‚‹å‰²åˆãŒã‹ãªã‚Šé•ã†ï¼‰ã¨ã„ã†ã“ã¨ã€‚ç¥–å…ˆè¦ç´ ã«ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆæŒ‡å®šã™ã‚‹ã¨ã„ã†è§£æ±ºç–ã¯ã‚ã‚‹ã‚‚ã®ã®ã€éšŽå±¤ãŒæ·±ããªã£ã¦ã—ã¾ã†ã¨ã€ã‚ã¾ã‚Šç¾å®Ÿçš„ã§ã¯ãªã„ã€‚ Operaã®ã¿ã«å¯¾å¿œã™ã‚‹ãƒãƒƒã‚¯ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã‚“ã§ãŠ
reef 2008/05/23
css

font

font-size

ãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆè¡¨ç¤ºã‚µãƒ³ãƒ—ãƒ«
FONTS Revised 2003/12/10 CSS ã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žã‚’æŒ‡å®šã§ãã¾ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆã¨ã¯ã€æç”»ã•ã‚Œã‚‹æ–‡å—ã®ã“ã¨ã§ã€æ–‡å—ã®ç¨®é¡žã«ã¯ã€ã‚´ã‚·ãƒƒã‚¯ä½“ã€æ˜Žæœä½“ãªã©ãŒã‚ã‚Šã¾ã™ã€‚å„ã€…ã®ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žã«ã¯ã€å¤ªå—ã‚„æ–œä½“ãªã©ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ CSS ã§ã¯ã€æ¬¡ã® 5 ã¤ã®ç·ç§°åã§åˆ†é¡žã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã‚’ã€ generic family ã¨å‘¼ã³ã¾ã™ã€‚ sans-serif ã‚´ã‚·ãƒƒã‚¯ä½“é¢¨ã€‚ã²ã’ç„¡ã—ã€‚ serif æ˜Žæœä½“é¢¨ã€‚ã²ã’ä»˜ãã€‚ monospace ç‰å·¾ãƒ•ã‚©ãƒ³ãƒˆã€‚å¤§æ–‡å—ã€å°æ–‡å—ã€è‹±æ•°æ–‡å—ã®å·¾ãŒç‰ã—ã„ã€‚ fantasy è£…é£¾ä½“ã€‚èŠ±æ–‡å—ã€ãƒãƒƒãƒ—æ–‡å—ãªã©ã€‚èªã‚ãªã„ãƒ•ã‚©ãƒ³ãƒˆï¼ˆçµµæ–‡å—ã€ã‚·ãƒ³ãƒœãƒ«ãƒ»ãƒ•ã‚©ãƒ³ãƒˆï¼‰ã¯é™¤ãã€‚ cursive æ‰‹æ›¸ãä½“é¢¨ã€‚ CSS ã§ã®ãƒ•ã‚©ãƒ³ãƒˆã®æŒ‡å®šæ–¹æ³• CSS ã®èª¬æ˜Žã¯åˆ¥é …ã«è²ã‚Šã¾ã™ã€‚ CSS ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹å ´åˆã€æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ font-family:
reef 2008/05/23
ãƒ•ã‚©ãƒ³ãƒˆ

css
ãƒªãƒ³ã‚¯
Killer Collection of CSS Resets | Perishable Press
Using CSS to style semantically meaningful (X)HTML markup is an important key to modern web design practices. In a perfect world, every browser would interpret and apply all CSS rules in exactly the same way. However, in the imperfect world in which we live, quite the opposite frequently happens to be the case: many CSS styles are displayed differently in virtually every browser. Update! Check out
reef 2008/03/21
css
ãƒªãƒ³ã‚¯
CSS Drive- Categorized CSS gallery and examples.
How to Setup your Desk as a Programmer As a programmer, your desk is the platform to everything you do. Every line of code you write, CSS you minify or updates you push out is done right there. See how to set up your desk for maximum productivity.
reef 2008/02/04
css

design
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸