[B! CSS] mtmt101jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mtmt101jp id:mtmt101jp

CSSã«é–¢ã™ã‚‹mtmt101jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

é«˜å“è³ªãª CSS ã‚’æ›¸ããŸã„ // Speaker Deck
JSã‚ªã‚¸ã‚µãƒ³ã€Œä¿ºã®è©±ã‚’èžã‘ã€5åˆ†ã ã‘ã§ã‚‚ã„ã„ã€ #5 https://atnd.org/events/67066 ã«ã¦è©±ã—ãŸã‚‚ã®ã§ã™ã€‚Nozomi ã¯ã“ã¡ã‚‰ -> http://bit.ly/nozomi-css
mtmt101jp 2015/06/26
æ›¸ããŸã„ï¼ï¼

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

css

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
ç ´ç¶»ã—ã«ãã„CSSè¨è¨ˆã®æ³•å‰‡ 15 - Qiita
ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ãƒªã‚»ãƒƒãƒˆCSSã¯ã‚ªãƒ—ãƒˆã‚¢ã‚¦ãƒˆå¯èƒ½ã«ã—ã¦ãŠã ç™»å ´é »åº¦ã®é«˜ã„çµ„åˆã›ã¯placeholderã¨ã—ã¦ç™»éŒ²ã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ å¯èƒ½ãªé™ã‚Šç”»åƒã¯ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”Ÿæˆã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ ãã‚Œä»¥ä¸Šåˆ†è§£ä¸å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è¦ç´ ã®ã‚ˆã†ã«æ‰±ã† ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è‡ªå·±å®Œçµåž‹ã®ã‚‚ã®ã‚’ä½¿ã† BEMã¯DRYã«ãªã‚‹ã‚ˆã†ç²’åº¦ã‚’ä¸‹ã’ã‚‹ å¯èƒ½ãªé™ã‚Š@extendã¯åˆ©ç”¨ã—ãªã„ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãªã„å ´æ‰€ã§ã¯ã€Utilitiesã‚¯ãƒ©ã‚¹ã‚’æ´»ç”¨ã™ã‚‹ shame.cssã¯ã„ã¤ã‚‚ç¶ºéº—ã«ã—ã¦ãŠã è©³ç´°åº¦ã¾ãŸã¯ç‰¹ç•°æ€§ã®é«˜ã„ã‚‚ã®ã»ã©å¾Œæ–¹ã«è¨˜è¿°ã™ã‚‹ å¯èƒ½ãªé™ã‚Š!importantã—ãªã„ å¯èƒ½ãªé™ã‚Šãƒãƒƒã‚¯ã—ãªã„ å¤‰æ•°ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã¨ã—ã¦æ´»ç”¨ã™ã‚‹ CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯ã»ã¨ã‚“ã©ãªã„ã®ã§ä¸€ã¤ã«ã¾ã¨ã‚ã‚‹ 1. ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ä¾‹ãˆã°ã€ã“ã†ã„ã†Scrap & Buildã¯å˜ã«é€šä¿¡é‡ã®ãƒ ãƒ€ã€‚
mtmt101jp 2015/04/25
css
ãƒªãƒ³ã‚¯
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
mtmt101jp 2015/03/20
looks nice

CSS

Material Design
ãƒªãƒ³ã‚¯
Material Design Blog | Material design explained.
Subscribe Today We will keep you updated with useful tips, Material Design templates, apps and freebies monthly.
mtmt101jp 2015/03/10
CSS
ãƒªãƒ³ã‚¯
ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§æŠœç¾¤ï¼Sassã«å¯¾å¿œã—ãŸCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¢ãƒ„ã‚¤ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã‚‹ãˆã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«é‡å®ã•ã‚Œã¦ã„ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€ã€Œè‡ªç”±åº¦ãŒä½Žã„ã€ã€Œä½¿ã‚ãªã„UIãƒ‘ãƒ¼ãƒ„ã¯é‚ªé”ã«ãªã‚‹ã€ã€Œã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã®ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã€ã€ŒçµæžœCSSãƒ•ã‚¡ã‚¤ãƒ«ãŒè‚¥å¤§åŒ–ã—ã¦ã—ã¾ã†ã€ãªã©ã€åˆ©ç”¨ã™ã‚‹ã†ãˆã§ã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚å¤šã€…ã‚ã‚Šã¾ã—ãŸã€‚ å®Ÿéš›ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®å¤§æž ãŒã§ãã¡ã‚ƒã£ã¦ã‚‹ã—ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå……å®Ÿã—ã¦ã‚‹åˆ†ã‚ã¾ã‚Šä½œã‚Šè¾¼ã‚€å¿…è¦ãŒãªã„ã‚“ã§æ¥½ã£ã¡ã‚ƒæ¥½ãªã‚“ã§ã™ãŒã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«æŸç¸›ã•ã‚Œã¡ã‚ƒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã¯é¢ç™½ããªã„ã—ã‚ã¾ã‚Šé ¼ã‚ŠãŸããªã„ã£ã¦ã®ã‚‚æ£ç›´ãªã¨ã“ã‚ã€‚ä¼¼ãŸã‚Šã‚ˆã£ãŸã‚Šã«ãªã‚‹ã—ã€‚ã€‚ éŽåŽ»ã«CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä»£è¡¨çš„å˜åœ¨ã€ŒBootstrapã€ã‚’åˆ©ç”¨ã—ã¾ã—ãŸãŒã€æŸ”è»Ÿæ€§ã®ä½Žã•ã«è‹¦ã—ã‚ã‚‰ã‚ŒãŸã®ã‚’è¦šãˆã¦ã„ã¾ã™ã€‚ ã§ã™ãŒæœ€è¿‘ã¯Compassã®ã‚ˆã†ã«Sassãƒ•ã‚¡ã‚¤ãƒ«ãŒåŽã‚ã‚‰ã‚ŒãŸã‚·ãƒ³ãƒ—ãƒ«ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã„CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¢—
mtmt101jp 2013/12/13
ä½¿ã£ã¦ã¿ã‚ˆã†

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

css

Framework
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«CSS
æ¦‚è¦ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSã‚’ç›®æŒ‡ã—ã€å®šç¾©ã•ã‚ŒãŸä¸€èˆ¬çš„ãªCSSãƒ«ãƒ¼ãƒ«ã®ç´¹ä»‹ã¨ã€ãã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦æ´»ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å ±å‘Šã—ã¾ã™ã€‚ 1. åºè«– CSSã¯è¨˜è¿°ãƒ«ãƒ¼ãƒ«ãŒç°¡ç´ ã§ã‚ã‚Šã€å°‘ã—ã®å¦ç¿’ã‚³ã‚¹ãƒˆã§ã™ãã«è¨˜è¿°ãŒã§ãã‚‹æ‰‹è»½ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã—ã‹ã—ã€å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§è¤‡æ•°äººã§é–‹ç™ºã™ã‚‹ã‚±ãƒ¼ã‚¹ç‰ã§ã¯ã€è¦‹æ „ãˆã ã‘ã—ã‹è€ƒãˆãšã«èº«å‹æ‰‹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ã¨ã€ éžå¸¸ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹è² ã®éºç”£ãŒä½œã‚‰ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãã®ãŸã‚CSSã®å“è³ªã‚’ä¿ã¤ãŸã‚ã«æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€CSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ãŒæ±ºã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ä¸€èˆ¬çš„ãªCSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ã¨ã€ãã®ãƒ«ãƒ¼ãƒ«ãŒãªãœä½œã‚‰ã‚ŒãŸã®ã‹ã‚’åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚ ã¾ãŸã€CSSã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æ‰‹å‹•ãƒ»ç›®è¦–ã§ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯éžå¸¸ã«ã‚³ã‚¹ãƒˆãŒé«˜ã„ä½œæ¥ã§ã™ã€‚ ã“ã‚Œã‚‰ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’è£œåŠ©ã™ã‚‹ãƒ„ãƒ¼ãƒ«ç¾¤ã‚’ã€åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚
mtmt101jp 2013/09/03
å¿…è¦å¿…è¦

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

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„

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 ã‚ã‚ŠãŒã¡ãªè½ã¨ã—ç©´ ã“ã‚Œã‚’ä½œã‚‹ã«ã‚ãŸã£ã¦
mtmt101jp 2013/07/31
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„(æ¨™æº–)ãªã‚“ã‹ã‚‚å«ã‚ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æœ€é©ãªã‚„ã‚Šæ–¹ãªã‚Šãƒ«ãƒ¼ãƒ«ãªã‚ŠãŒã‚ã‚‹ã®ã§ã€è‡¨æ©Ÿå¿œå¤‰ã«ã‚„ã£ã¦ã„ããŸã„ã€‚

css

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

ã¨ãã©ãèªã¿è¿”ã—ãŸã„
ãƒªãƒ³ã‚¯
1