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

siteworkers id:siteworkers

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

${{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 ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆåˆ¶ä½œã‚’æ¥½ã«ã™ã‚‹ï¼çŸ¥ã£ã¦ãŠããŸã„ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«25é¸ã¾ã¨ã‚
æµ·å¤–ã‚µã‚¤ãƒˆ Envato Blog ã§å…¬é–‹ã•ã‚ŒãŸã€Œ25 Free Web-Based Apps & Tools For Working With CSSã€ã®è‘—è€… Paul Andrew ã‚ˆã‚Šè¨±å¯ã‚’ã‚‚ã‚‰ã„ã€ç¿»è¨³è»¢è¼‰ã—ã¦ã„ã¾ã™ã€‚ CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½œæˆã—ã¦ã„ã‚‹ã¨ã€æ™‚é–“ã°ã‹ã‚Šã‹ã‹ã‚‹é€€å±ˆãªä½œæ¥ã‚’ã“ãªã•ãªã‘ã‚Œã°ã„ã‘ãªã„æ™‚ãŒã‚ã‚Šã¾ã™ã€‚ ãŸã¨ãˆã°ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ FlexBox ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã€èª¿æ•´ã—ãŸã‚Šã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®æ›¸ãæ–¹ã‚’æ€ã„å‡ºã—ãŸã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã«emã‚’pxã¸ã®å¤‰æ›ã‚„ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ã‚„ã‚¯ãƒªãƒ¼ãƒ³ã‚¢ãƒƒãƒ—ã€ç”»åƒã‚’ãƒ‡ãƒ¼ã‚¿URIã¸å¤‰æ›ãªã©ã€ã©ã‚Œã‚‚ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã¨ã¯ç¨‹é ã„ã‚‚ã®ã°ã‹ã‚Šã€‚ ä»Šå›žã¯ã€ä½œæ¥æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã—ã€ã‚ˆã‚Šå¿«é©ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ä½œæˆãŒã§ãã‚‹ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«25å€‹ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ç´¹ä»‹ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’æ´»ç”¨ã™ã‚‹ã“ã¨ã§ã€ã“ã‚Œã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ãŸé ã®ç—›ããªã‚‹ä½œæ¥ã‚‚ã€ãƒœ
siteworkers 2016/09/06
ã“ã‚Œã¯ä¾¿åˆ©

css

web

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
siteworkers 2015/12/02
ãªã‚‹ã»ã©

css

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

ã‚³ãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 25
ã„ãšã‚Œã‚‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã€ã‚‚ã¡ã‚ã‚“PCã‚µã‚¤ãƒˆã§ã‚‚å•é¡Œãªãä½¿ãˆã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã¨ã„ã£ãŸã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã¯ç‰¹ã«ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚ ã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚‹ã‚‚ã®ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒç‹ã¾ã‚‹ã¨ã‚»ãƒ¬ã‚¯ã‚¿ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ãªã©ã€è¦‹ã›æ–¹ã‚‚æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ãšã‚‰ã£ã¨ä¸¦ã‚“ã§ã¯ã„ã¾ã™ãŒå¤§ã¾ã‹ã«åŒã˜ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã‚‚ã®ã¯ãªã‚‹ã¹ãå›ºã‚ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹å‹•ããŒã‚ã‚Œã°ãã®å‰å¾Œã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
siteworkers 2014/02/13
ãªã‚‹ã»ã©

css

jQuery

responsive
ãƒªãƒ³ã‚¯
Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¾ã¨ã‚è§£èª¬
Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¾ã¨ã‚è§£èª¬ ä¸Šæ‘ å…‰æ˜Ÿ 10æœˆ12æ—¥ã«Sass 3.3.0.rc.1ãŒå‡ºã¾ã—ãŸã€‚ã¾ã ãƒªãƒªãƒ¼ã‚¹å€™è£œã§ã™ãŒã€ã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã‚‹ã®ã‹ã¯Changelogã«ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€Œ&ã€ã¨@at-rootã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ HTML+CSSã®å‘½åè¦å‰‡ã«BEMæ–¹æ³•è«–ã€ã‚‚ã—ãã¯HTML+CSSå‘ã‘ã«æ´¾ç”Ÿã—ãŸMindB EMdingã‚’å–ã‚Šå…¥ã‚Œã‚‹æ–¹ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã‚ˆã†ã§ã™ï¼ˆç†è€…ã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒâ€¦ï¼‰ã€‚ã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¯ã€ã“ã®BEMã®ãŸã‚ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Sass 3.2ã®ã€Œ&ã€ ã€Œ&ã€ã¯è¦ªã‚»ãƒ¬ã‚¯ã‚¿ã‚’å‚ç…§ã™ã‚‹ç‰¹åˆ¥ãªã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¨ã—ã¦ã€Sass 3.3ã‚ˆã‚Šã‚‚å‰ã‹ã‚‰ã‚ã‚Šã¾ã—ãŸãŒã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„æ“¬ä¼¼è¦ç´ ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®é€£çµãªã©ã€ç”¨é€”ãŒé™ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ // Sass 3.3ã‚ˆã‚Šã‚‚å‰ã®ã€Œ&ã€ã®ç”¨é€”ã®ä¾‹ .foo { &:hover
siteworkers 2013/12/05
ãªã‚‹ã»ã©

HTML

css

error
ãƒªãƒ³ã‚¯
ä»Šã©ãã®Gruntã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSSç·¨ï¼‰ - MOL
Sassãªã©ã®CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ã†Webãƒ‡ã‚¶ã‚¤ãƒŠãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚Sassã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã ã‘ãªã‚‰é»’ã„ç”»é¢ï¼ˆã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã‚’ä½¿ã‚ãšã¨ã‚‚GUIã‚¢ãƒ—ãƒªã‹ã‚‰ã®åˆ©ç”¨ã§å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ãŒã€ã“ã“ã¯ä¸€æ©è¸ã¿è¾¼ã‚“ã§Gruntï¼ˆJavaScriptè£½ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ï¼‰ã‚’ä½¿ã£ã¦ã€Sassä»¥å¤–ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã€ç”»åƒæœ€é©åŒ–ã€CSSã®ãƒªãƒ³ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ç”Ÿæˆãªã©ã€ã‚ã‚‰ã‚†ã‚‹ä½œæ¥ã‚’Gruntã«ä»»ã›ã¦ã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªé–‹ç™ºç’°å¢ƒã‚’æ‰‹ã«å…¥ã‚Œã¦ã¿ã¾ã›ã‚“ã‹ã€‚ ã©ã‚‚ã€Front-end Developerã‚’ã—ã¦ãŠã‚Šã¾ã™@t32kã§ã™ã€‚ä»Šæ—¥ã¯ãŒã‚“ã°ã‚Šã¾ã™ã€‚ Frontrendã¨ã„ã†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹•ã‚’ã—ã¦ã„ã¾ã™ã€‚é€šå¸¸ã¯æ±äº¬ã§3~4ãƒ¶æœˆã®å‘¨æœŸã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ãƒ†ãƒ¼ãƒžã«ã—ãŸå‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚è‰¯ã‹ã£ãŸã‚‰ã¿ãªã•ã‚“ã‚‚ã”å‚åŠ ãã ã•ã„ã¾ã›ã€‚ Agenda ä»Šæ—¥ã®è©±ã™å†…å®¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãªãœGruntã‚’ä½¿ã†ã®ï¼Ÿ Gruntã®ä½¿
siteworkers 2013/12/02
ãªã‚‹ã»ã©

css

JavaScript

web
ãƒªãƒ³ã‚¯
ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§æŠœç¾¤ï¼Sassã«å¯¾å¿œã—ãŸCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¢ãƒ„ã‚¤ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã‚‹ãˆã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«é‡å®ã•ã‚Œã¦ã„ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€ã€Œè‡ªç”±åº¦ãŒä½Žã„ã€ã€Œä½¿ã‚ãªã„UIãƒ‘ãƒ¼ãƒ„ã¯é‚ªé”ã«ãªã‚‹ã€ã€Œã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã®ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã€ã€ŒçµæžœCSSãƒ•ã‚¡ã‚¤ãƒ«ãŒè‚¥å¤§åŒ–ã—ã¦ã—ã¾ã†ã€ãªã©ã€åˆ©ç”¨ã™ã‚‹ã†ãˆã§ã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚å¤šã€…ã‚ã‚Šã¾ã—ãŸã€‚ å®Ÿéš›ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®å¤§æž ãŒã§ãã¡ã‚ƒã£ã¦ã‚‹ã—ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå……å®Ÿã—ã¦ã‚‹åˆ†ã‚ã¾ã‚Šä½œã‚Šè¾¼ã‚€å¿…è¦ãŒãªã„ã‚“ã§æ¥½ã£ã¡ã‚ƒæ¥½ãªã‚“ã§ã™ãŒã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«æŸç¸›ã•ã‚Œã¡ã‚ƒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã¯é¢ç™½ããªã„ã—ã‚ã¾ã‚Šé ¼ã‚ŠãŸããªã„ã£ã¦ã®ã‚‚æ£ç›´ãªã¨ã“ã‚ã€‚ä¼¼ãŸã‚Šã‚ˆã£ãŸã‚Šã«ãªã‚‹ã—ã€‚ã€‚ éŽåŽ»ã«CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä»£è¡¨çš„å˜åœ¨ã€ŒBootstrapã€ã‚’åˆ©ç”¨ã—ã¾ã—ãŸãŒã€æŸ”è»Ÿæ€§ã®ä½Žã•ã«è‹¦ã—ã‚ã‚‰ã‚ŒãŸã®ã‚’è¦šãˆã¦ã„ã¾ã™ã€‚ ã§ã™ãŒæœ€è¿‘ã¯Compassã®ã‚ˆã†ã«Sassãƒ•ã‚¡ã‚¤ãƒ«ãŒåŽã‚ã‚‰ã‚ŒãŸã‚·ãƒ³ãƒ—ãƒ«ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã„CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¢—
siteworkers 2013/11/19
ãªã‚‹ã»ã©

css

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆæ§‹é€ ä½œæˆç”¨ã®è»½é‡CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒLayers CSSã€:phpspoté–‹ç™ºæ—¥èªŒ
Layers CSS ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆæ§‹é€ ä½œæˆç”¨ã®è»½é‡CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒLayers CSSã€ Bootstrapã¿ãŸãæ²¢å±±ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ä¸ç”¨ã§ã€è‡ªåˆ†ã§ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã‘ã©ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆéƒ¨åˆ†ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œãªè»½é‡ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‘ä½¿ã„ãŸã„ã¨ã„ã†å ´åˆã®ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã€‚ ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ä½œã‚‰ã‚ŒãŸãƒ‡ãƒ¢Â - ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCardinalã€ HTML/JS/CSSã§Androidã‚¢ãƒ—ãƒªé¢¨UIã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒFriesã€ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’ç´™èŠå±…ã®æ§˜ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ‡ãƒ¢
siteworkers 2013/11/01
ãªã‚‹ã»ã©

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
IE8ãƒ»IE9ã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªCSSã‚³ãƒ¼ãƒ‰ãŒè¦‹ã¤ã‹ã‚‹
ã‚ãšã‹1è¡Œã§Internet Explorerã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã¦ã—ã¾ã†ã‚³ãƒ¼ãƒ‰ã¨ã„ã†ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ä»Šå›žè¦‹ã¤ã‹ã£ãŸã‚³ãƒ¼ãƒ‰ã‚‚ã€CSSã«æ•°è¡Œè¶³ã™ã ã‘ã§Internet Explorer 8ã¨9ã‚’ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Benutzer:Schinken/CSS-IE-Crash â€“ Hackerspace Bamberg - Backspace http://www.hackerspace-bamberg.de/Benutzer:Schinken/CSS-IE-Crash ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€IE8ãƒ»IE9ã ã¨ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸçž¬é–“ã«ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã—æ“ä½œä¸å¯èƒ½ã«ãªã‚‹ã®ã§æ³¨æ„ã€‚ http://schinken.github.io/experiments/iecrash/crash.html å®Ÿéš›ã«IE8ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ãŸã¨ã“ã‚ã€ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã¨ãŸã‚“ã«ä¸€åˆ‡ã®æ“ä½œã‚’å—ã‘ä»˜ã‘ãªããªã‚Šã€ãã®ã¾ã¾
siteworkers 2013/09/12
ãªã‚‹ã»ã©

IE

css

WEBã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Gruntã§å§‹ã‚ã‚‹Webåˆ¶ä½œã®è‡ªå‹•åŒ–
Gruntã§å§‹ã‚ã‚‹Webåˆ¶ä½œã®è‡ªå‹•åŒ– Grunt.jsã¨ã¯Webåˆ¶ä½œã®æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ node.jsã§é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€Sass/Compassã‚„Lessãªã©ã®CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„CSS/JSã®çµåˆåœ§ç¸®ã€JSHintã«ã‚ˆã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã¯node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã®ã§ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ æ¬¡ã«Macã§ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é–‹ã„ã¦grunt-cliã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚cliã¨ã¯Common Language Infrastructureã®ç•¥ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰Gruntã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ sudo npm install -g grunt-cli ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãŒèžã‹ã‚Œã‚‹ã®ã§å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚æˆåŠŸã™ã‚Œã°grunt-cliã®ã‚¤
siteworkers 2013/08/28
ãªã‚‹ã»ã©

node.js

åˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
æœ€è¿‘æµè¡Œã‚Šã®ã‚¦ã‚§ãƒ–é–‹ç™ºç³»ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ï¼ˆä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ | keisuke.tsukayoshi
æœ€è¿‘ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å‘¨ã‚Šã®å„ªè‰¯ãƒ„ãƒ¼ãƒ«ãŒãŸãã•ã‚“å‡ºã¦ãã¦ã„ã¦ã€ã—ã‹ã‚‚ã¡ã‚ƒã£ã‹ã‚Šã¿ã‚“ãªè²·ã£ã¡ã‚ƒã†ã—ã‚¢ãƒ‰ã‚ªãƒ³ç³»ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç•Œéšˆã«ã‚‚è‰¯ã„æµã‚Œã‚’æ„Ÿã˜ã‚‹ã“ã®ã”ã‚ã€‚ä»Šå›žã¯ã€ã¼ããŒè²·ã£ãŸãƒ„ãƒ¼ãƒ«ã®ã†ã¡ã“ã‚Œã¯æ‰‹æ”¾ã›ãªã„ãªã¨ãŠã‚‚ã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã‚¢ãƒ•ã‚£ãƒªãƒ³ã‚¯ä»˜ãã§ã‚²ã‚¹é¡”ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä¸»ã«Macã§ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ç³» Slicy PSDãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ç”»åƒç´ æãŒå‡ºåŠ›ã§ãã‚‹ã‚¢ãƒ—ãƒªã€‚PSDãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¾ã›ã‚‹ã ã‘ã§ã»ã¨ã‚“ã©è‡ªç”±è‡ªåœ¨ã«ç”»åƒç´ æã‚’æ›¸ãå‡ºã›ã¾ã™ã€‚ä½¿ã„æ–¹ã¯Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚„ãƒ•ã‚©ãƒ«ãƒ€ã«.pngãªã©ã®æ‹¡å¼µåã‚’ã¤ã‘ã¦ãŠãã ã‘ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ãã®ç”»åƒæ›¸ãå‡ºã—ä½œæ¥ãŒå…¨ç„¶å„„åŠ«ã˜ã‚ƒãªããªã£ãŸã®ãŒä¸€ç•ªå¬‰ã—ã„ã€‚ä¸€åº¦èªã¿è¾¼ã¾ã›ã‚‹ã¨ã€ã‚ã¨ã¯PSDãŒæ›´æ–°ã•ã‚ŒãŸã‚‰è‡ªå‹•ã§æ›¸ãã ã™æ©Ÿèƒ½ãªã‚“ã‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚¹ãƒžãƒ›ã®Retinaç”¨ã«åŠåˆ†ã®ç”»åƒã‚‚ä¸€ç·’ã«æ›¸ãå‡ºã›ãŸã‚Šã€Macã®Retinaç”¨ã«äºŒå€ã®ç”»åƒã‚‚ä¸€ç·’ã«æ›¸ã
siteworkers 2013/08/23
ãªã‚‹ã»ã©

css

photoshop

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ä½¿ç”¨ä¸ã®Sublime Text 2ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ | CodePlus
åŸºæœ¬çš„ã«ã¯ä»Šä½¿ã£ã¦ã‚‹ã‚‚ã®ä¸å¿ƒã§ã™ãŒã€åƒ•ã®ãƒ¡ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚ã‚‹Sublime Text 2ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ â€»ç´°ã‹ã„è¨å®šã¯çœã„ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ Emmet Zen Codingã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚ä¸»ã«HTMLã‚’æ›¸ãéš›ã« Hayaku Emmet(Zen-Coding)ã‚’ä¸Šå›žã‚‹CSSã®å±•é–‹ ä¾‹)bdrdsâ†’border-radiusãªã© Dummy Image Generator Dynamic Dummy Image Generatorã§ä½¿ãˆã‚‹ãƒ€ãƒŸãƒ¼ç”»åƒã®åŸ‹ã‚è¾¼ã¿ BracketHighlighter ã‚¿ã‚°ã‚„ã‚¯ã‚©ãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒžãƒ¼ã‚¯ãªã©ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤º SCSS SCSSã®è£œå®Œ Compass Compassã®è£œå®Œ jQuery jQueryã®è£œå®Œ CSScomb CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è‡ªå‹•æ•´åˆ— WordPress WordPressã®è£œå®Œ SublimeLinter
siteworkers 2013/08/16
ãªã‚‹ã»ã©

HTML

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹OOCSSãƒ™ãƒ¼ã‚¹ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kraken
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ã€‚ ãã‚“ãªOOCSSã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ‹¡å¼µæ€§ã‚‚å‚™ãˆãŸè¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Kraken Kraken -GitHub ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã®ç‰¹å¾´ Krakenã®ãƒ‡ãƒ¢ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ Krakenã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä¾‹ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ The Kraken Way å¤§ãã„ãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹éš›ã€ä¸€ã¤ã®classã‚„idãªã©ã§å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€OOCSSã§ã¯ã€Œãƒœã‚¿ãƒ³=btnã€ã€Œå¤§ãã„ãƒœã‚¿ãƒ³=btn-largeã€ã€Œãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³=btn-blueã€ã¨ã—ã¾ã™ã€‚ã“ã‚Œã¯ç…©é›‘ãªã‚ˆã†ã«è¦‹ãˆã¾ã™
siteworkers 2013/06/06
ãªã‚‹ã»ã©

css

ã‚°ãƒªãƒƒãƒ‰

IE
ãƒªãƒ³ã‚¯
YahooãŒä½œã£ãŸãƒ”ãƒ¥ã‚¢CSSã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPureã€:phpspoté–‹ç™ºæ—¥èªŒ
Pure YahooãŒä½œã£ãŸãƒ”ãƒ¥ã‚¢CSSã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPureã€ ã‚°ãƒªãƒƒãƒ‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒœã‚¿ãƒ³ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã‚’å®Ÿç¾ã™ã‚‹CSSãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ ãªã‚“ã¨ãªãBootstrapã£ã½ã„æ„Ÿã˜ãŒã—ã¾ã™ãŒã€JavaScriptãƒ¬ã‚¹ã¨ã„ã†ã®ãŒç‰¹å¾´ãªã‚“ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šæ™‚JavaScriptã¯æ™®é€šã«å‹•ãã§ã—ã‚‡ã€ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€CSSã®ã¿ãªã®ã§5.7KBã¨ã„ã†è»½é‡ã•ãŒã‚¢ãƒ‰ãƒãƒ³ãƒ†ãƒ¼ã‚¸ã«ãªã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã‚’ã¤ãã‚‹éš›ã«ã‚‚ä½¿ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã€é¸æŠžè‚¢ã®ï¼‘ã¤ã¨ã—ã¦è©•ä¾¡æ¤œè¨¼ã—ã¦ã¿ã¦ã‚‚ã‚ˆã„ã®ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ä½¿ãˆã‚‹ã‚¿ãƒ–UIå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasy-Responsive-Tabs-to-Accordionã€ ç¯„å›²æŒ‡å®šãŒå¯èƒ½ã«ãªã‚‹UIå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒnoUiSliderã€ ãƒ•ãƒ©ãƒƒãƒˆã§ç¶ºéº—ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªFlatUIã®ãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžã€ŒFla
siteworkers 2013/06/03
ãªã‚‹ã»ã©

ui

css

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã®ä¸Šã«åŠé€æ˜Žãªãƒ‘ãƒãƒ«ã‚’ç°¡å˜ã«é…ç½®ã§ãã‚‹ä¾¿åˆ©ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆãƒ•ã‚§ãƒ¼ãƒ‰ã‚‚å¯ï¼‰ -Label.css
ãƒ‡ãƒ¢ï¼šãƒ›ãƒãƒ¼æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã§è¡¨ç¤º Label.cssã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€ãƒ©ãƒ™ãƒ«ã¯classã¨dataå±žæ€§ã‚’åŠ ãˆã¦æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«é…ç½®ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="css/label.css" /> </head> Step 2: HTML ç”»åƒã‚’é…ç½®ã™ã‚‹imgè¦ç´ ã«figureã‚’åŠ ãˆã¾ã™ã€‚ <figure> <img src="image.jpg" alt="ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆ"> </figure> figureã«classã§labelã‚’åŠ ãˆã€é…ç½®ã™ã‚‹ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã—ã¾ã™ã€‚ <figure class="label inside bottom"> <img src="image.jpg" alt="ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆ"> </figure> ç”»åƒã®ä¸Šã«é…ç½®ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’dataå±ž
siteworkers 2013/05/21
ã“ã‚Œã¯ä¾¿åˆ©ãã†

HTML

css

ç”»åƒ
ãƒªãƒ³ã‚¯
æ–°ã—ã„ã‚‚ã®ãŒå¤§å¥½ããªã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã§4æœˆã«è©±é¡Œã«ãªã£ãŸã‚¢ãƒ—ãƒªã€ã‚µãƒ¼ãƒ“ã‚¹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ | Goodpatch Blog
Goodpatchã§ã¯ä½•ã‹é¢ç™½ã„ã‚‚ã®ã€æ–°ã—ã„ã‚‚ã®ã‚’è¦‹ã¤ã‘ãŸã‚‰ã©ã‚“ã©ã‚“Facebookã‚°ãƒ«ãƒ¼ãƒ—ä¸Šã«æŠ•ç¨¿ã—ã¦ã¿ã‚“ãªã§å…±æœ‰ã—ã¦ã„ã¾ã™ã€‚å†…å®¹ã¯ã‚¢ãƒ—ãƒªã‹ã‚‰ãƒ‹ãƒ¥ãƒ¼ã‚¹ã€ã‚µãƒ¼ãƒ“ã‚¹ã‚„æŠ€è¡“ãªã©æ§˜ã€…ã€‚4æœˆæœ€çµ‚æ—¥ã®ä»Šæ—¥ã¯ã€ä»ŠæœˆFacebookä¸Šã«ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸæƒ…å ±ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã”ç´¹ä»‹ã—ã¾ã™ï¼ Webã‚µãƒ¼ãƒ“ã‚¹ FLINT https://www.flinto.com/ iOSãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã€‚30æ—¥é–“ã¯ç„¡æ–™ã§è©¦ã›ã¾ã™ã€‚ Webflow http://webflow.com/ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚’ä½œã‚‹ã¨ã€ãã‚Œã‚’HTMLã¨CSSã§ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚ãƒãƒ¼ãƒ³ãƒå‰ã§ã™ãŒDEMOã§è‰²ã€…è©¦ã›ã¾ã™ã€‚ Qortex https://qortex.net/ ãƒãƒ¼ãƒ å†…ã§ã®ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã€‚ãªã‚“ã¨æœ¬ç¤¾ãŒæ±äº¬ã«ã‚ã‚‹ãã†ã§ã™ã€‚ CSS Hat https://csshat.com/ Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤
siteworkers 2013/04/30
ä¾¿åˆ©ã«ãªã‚Šãã†

css

ã‚µãƒ¼ãƒ“ã‚¹

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #17 Bootstrap ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ãƒˆãƒ¬ãƒ³ãƒ‡ã‚£ä¸”ã¤ãƒŠã‚¦ã„ Web ãƒšãƒ¼ã‚¸ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆâ€»æž çµ„ã¿ï¼‰ã§ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã¨ãªã‚“ã ã‹å¤§è¢ˆè£ŸãªéŸ¿ãã§ã™ãŒã€å®Ÿæ…‹ã¯å˜ãªã‚‹ CSS ã¨ JavaScript ã¨ã„ã†ï¼’ã¤ã®ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã§ç‰¹åˆ¥ãªä½¿ã„æ–¹ç‰ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚åˆ©ç”¨è€…ã¯ã“ã‚Œã‚‰ã‚’ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã«èªã¿è¾¼ã¾ã›ãŸã®ã¡ã€Bootstrap å´ã§æ—¢ã«å®šç¾©æ¸ˆã¿ã®ã‚¯ãƒ©ã‚¹ã‚’å„ HTML è¦ç´ ã«æŒ‡å®šã™ã‚‹ã ã‘ã§ã€è‡ªåˆ†ã¯ä¸€è¡Œã‚‚ CSS ã‚’æ›¸ãã“ã¨ãªãé«˜å“è³ªãª Web ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ Twitter Bootstrap ã†ã‚è¦šãˆã§ã™ãŒã€2011å¹´ã®å¤é ƒã«æœ€åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸ *1ã€‚å½“æ™‚ Twitter ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ç¾åœ¨ã¯ Github ã«ãŠå‹¤ã‚ä¸ã® Mark Otto æ°ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€2013å¹´4æœˆæ™‚ç‚¹ã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.3.1ãŒæœ€æ–°ç‰ˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³3.0
siteworkers 2013/04/08
ã“ã‚Œã¯ä½¿ãˆã‚‹

Bootstrap

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Googleãƒ‰ãƒ©ã‚¤ãƒ–ã«Webãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°æ©Ÿèƒ½ãŒè¿½åŠ
ç±³Googleã¯2æœˆ5æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€ã‚¯ãƒ©ã‚¦ãƒ‰ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚µãƒ¼ãƒ“ã‚¹ã€ŒGoogleãƒ‰ãƒ©ã‚¤ãƒ–ã€ã«Webãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚ ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Googleãƒ‰ãƒ©ã‚¤ãƒ–ã«æ–°è¦ãƒ•ã‚©ãƒ«ãƒ€ã‚’ä½œæˆã—ã€å…¬é–‹è¨å®šã«ã™ã‚‹ ãƒ•ã‚©ãƒ«ãƒ€ã«Webãƒšãƒ¼ã‚¸ã‚’æ§‹æˆã™ã‚‹HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚„CSSãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã®ä¸€å¼ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ ãƒ•ã‚©ãƒ«ãƒ€å†…ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã ç·¨é›†ãƒšãƒ¼ã‚¸ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã«ã‚ã‚‹ã€Œãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ï¼ˆä¸‹å›³Aï¼‰ è¡¨ç¤ºã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã®URLãŒå…¬é–‹ãƒšãƒ¼ã‚¸ã®URLã«ãªã‚‹ï¼ˆä¸‹å›³Bï¼‰
siteworkers 2013/02/07
å¾Œã§è©¦ã™

Google

web

css

webã‚µãƒ¼ãƒ“ã‚¹

ITmedia

webåˆ¶ä½œ

webservice

ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°

HTML
ãƒªãƒ³ã‚¯
Bootstrap 3 ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
Twitter Bootstrap 3 ã®å¤‰æ›´ç‚¹æ¦‚è¦ Bootstrap è‡ªä½“ã®ä»•æ§˜ã ã‘ã§ãªãä½“åˆ¶ãªã©ã‚‚å¤‰æ›´ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blogï¼ˆãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆãƒ¬ãƒãƒ¼ãƒˆï¼‰ã‚’ twbs organization ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¸ç§»è¡Œ ã‚µã‚¤ãƒˆã® URL ã‚’ http://getbootstrap.com ã«å¤‰æ›´ CSS ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚å«ã‚ã¦1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ IE7, Firefox3ç³» ã®ã‚µãƒãƒ¼ãƒˆå»ƒæ¢ Glyphicon ã®ãƒ•ã‚©ãƒ³ãƒˆç‰ˆã‚’æŽ¡ç”¨ Apache ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‹ã‚‰ MIT ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¸ç§»è¡Œ *-wip ãƒ–ãƒ©ãƒ³ãƒã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰ 3.1.0-modal-revamp ã®ã‚ˆã†ãªæ©Ÿèƒ½ã”ã¨ã®ãƒ–ãƒ©ãƒ³ãƒã«å¤‰æ›´ éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã‚¿ã‚°ã‚’ä½¿ã† ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®
siteworkers 2013/01/28
ãªã‚‹ã»ã©

firefox

web

mobile

Bootstrap

css

ã¾ã¨ã‚

tips

IE

twitter

css3
ãƒªãƒ³ã‚¯
1