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

maangie id:maangie

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

${{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ã®ç¶™æ‰¿ã€œè¦ªã‹ã‚‰åã¸å—ã‘ç¶™ãŒã‚Œã‚‹æ„å¿—ã€œ - Qiita
ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼åˆæŒ‘æˆ¦ï¼21æ—¥ç›®ï¼ˆãƒ—ãƒ©ã‚³ãƒ¬çš„ã«ã¯10æ—¥ç›®ï¼‰ ã“ã‚“ã«ã¡ã¯ï¼æ¨ªç”°ã§ã™ã€‚ ä¸é©åˆ‡ãªã¨ã“ã‚ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ä»Šä¸€åº¦è¦‹ç›´ã—ãŸã„ã€Œç¶™æ‰¿ã€ ãƒ•ãƒãƒ³ãƒˆã‚’ã‚„ã£ã¦ã„ã¦ã€ãã“ã¾ã§æ—¥ã¯æµ…ããªã„ã®ã§ã™ãŒã€ã“ã‚Œã¾ã§ã‚ã¾ã‚Šcssãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã€Œç¶™æ‰¿ã€ã«ã¤ã„ã¦æ·±ãè€ƒãˆãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ è¦ªè¦ç´ ã‹ã‚‰ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¦ã„ã£ã¦ã€åè¦ç´ ã§åŠ¹ã„ã¦ã„ãªã‹ã£ãŸã‚‰ã¾ãŸæŒ‡å®šã—ã‚ˆã†ã€ãã‚‰ã„ã§ã—ãŸã€‚ ã—ã‹ã—ãŸã³ãŸã³æ€ã†ã®ã§ã™ã€‚ã€Œã¾ãŸcolor: #555;ã£ã¦æ›¸ãã®ã‹...ã€ã¨ã€‚ ãã“ã§ã€ç¶™æ‰¿ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã—ãŸã€‚ Sassãªã©ã§ã‚¹ãƒžãƒ¼ãƒˆã«æ›¸ã‘ã‚‹ä»Šã€å¤‰æ•°ã‚„é–¢æ•°ã‚’ã¤ã‹ã£ã¦ã‹ã£ã“ã‚ˆãæ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ã‚‡ã†ï¼ ç¶™æ‰¿ã¨ã¯ è¦ªè¦ç´ ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ãŒã€åè¦ç´ ã«å¼•ãç¶™ãŒã‚Œã‚‹ã“ã¨ã§ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã£ã¦ç¶™æ‰¿ã•ã‚Œã‚‹ã‚‚ã®ã¨ã•ã‚Œãªã„ã‚‚ã®ã«åˆ†ã‹ã‚Œã¾ã™ã€‚ ç¶™æ‰¿ã•ã‚Œã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ ä½¿
maangie 2019/12/21
ã‚¿ã‚¤ãƒˆãƒ«å‹ã¡

*

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
maangie 2017/04/01
ã‚ã¨ã§èªã‚€

CSS

*
ãƒªãƒ³ã‚¯
Error encountered while saving cache ... can't dump hash with default proc Â· Issue #331 Â· rails/sass-rails
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
maangie 2017/02/16
sass å†…ã§ google ãƒ•ã‚©ãƒ³ãƒˆã‚’ import ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ç”±ã€‚

*

CSS
ãƒªãƒ³ã‚¯
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
maangie 2017/01/24
css

*
ãƒªãƒ³ã‚¯
CSS Snapshot 2018 æ—¥æœ¬èªžè¨³
CSS Snapshot 2023 W3C Group Note, 7 December 2023 More details about this document This version: https://www.w3.org/TR/2023/NOTE-css-2023-20231207/ Latest published version: https://www.w3.org/TR/css-2023/ Editor's Draft: https://drafts.csswg.org/css-2023/ History: https://www.w3.org/standards/history/css-2023 Feedback: CSSWG Issues Repository Editors: Tab Atkins Jr. (Google) Elika J. Etemad / fan
maangie 2016/11/02
*

CSS
ãƒªãƒ³ã‚¯
SassMeister | The Sass Playground!
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
maangie 2015/05/08
CSS

*

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Sass: Documentation
Sass is a stylesheet language thatâ€™s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and acrossÂ projects. If youâ€™re looking for an introduction to Sass, check out theÂ tutorial. If you want to look up a built-in Sass function,
maangie 2015/05/08
CSS

*
ãƒªãƒ³ã‚¯
GitHub - antonj/scss-mode: Emacs mode for SCSS files (http://sass-lang.com)
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
maangie 2015/05/08
*

emacs

CSS
ãƒªãƒ³ã‚¯
ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
2015å¹´3æœˆ18æ—¥ CSS 2011å¹´ã«ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ã€ã¨ã„ã†è¨˜äº‹ã§æ•°ã€…ã®ä¾¿åˆ©ãªåˆ¶ä½œæŠ€ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€æ™‚ã¯æµã‚Œã€ä»Šã§ã¯CSSã®ã¿ã§è¡¨ç¾ã§ãã‚‹ã‚‚ã®ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ãã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸæŠ€ã‚’ä¸å¿ƒã«ã€ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ Divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã®å¶æ•°ãƒ»å¥‡æ•°ã®è¡Œã®è‰²ã‚’å¤‰ãˆã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚Œã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ï¼ˆæ–‡å—è‰²ã‚‚å¤‰æ›´ï¼‰ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è£…é£¾ã™ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ« ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´ æ¨ªä¸¦ã³ã®divã®é«˜ã•æƒãˆã‚‹ ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã™ã‚‹ ãã‚Œã§ã¯å®Ÿéš›ã«ã©ã‚“ãªäº‹ãŒã§ãã‚‹ã®ã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚³ãƒ¼ãƒ‰ã¨
maangie 2015/03/17
CSS

*
ãƒªãƒ³ã‚¯
ãŸã¾ã«ä½¿ã†ã¨ä¾¿åˆ©ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®åŽŸå§‹çš„ãƒ‡ãƒãƒƒã‚°æ–¹æ³•
ç°¡å˜ã ã—ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªã®ã§ãŸã¾ãƒ¼ã«ä½¿ã†ã‚“ã§ã™ãŒã€å…ˆæ—¥åŒåƒšãŒã€Œãªã‚‹ã»ã©ãƒ¼ä¾¿åˆ©ã£ã™ãã€ã¨çŸ¥ã‚‰ãªã‹ã£ãŸã‚ˆã†ãªã®ã§ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ï¼ˆãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚„ã‚Šæ–¹ãªã®ã‹ã©ã†ãªã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã‘ã©ã‚‚ï¼‰
maangie 2014/09/19
ãªã‚‹ã»ã©

CSS

*
ãƒªãƒ³ã‚¯
CSS-Tricks - A Website About Making Websites
How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz WÃ¶ehr has you covered with a recipe for fluid scaling.
maangie 2014/06/06
CSS

*
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCompassã€ã®åŸºç¤Ž
Compassã®ãƒ¡ãƒªãƒƒãƒˆ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ Compassã§ã¯ã€ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã™ã‚‹ã ã‘ã§ã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã§è¨˜è¼‰ã•ã‚ŒãŸä¸€æžšç”»åƒãŒç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’åˆ©ç”¨ã™ã‚Œã°ã€1ãƒšãƒ¼ã‚¸è¾ºã‚Šã®ç”»åƒã®èªã¿è¾¼ã¿ã‚’ä½•åº¦ã‚‚å®Ÿè¡Œã›ãšã«ã™ã‚€ãŸã‚ã€ãƒšãƒ¼ã‚¸ã®é«˜é€ŸåŒ–ã«ã¤ãªãŒã‚Šã¾ã™ã€‚ ç‹¬è‡ªã®mixinãŒåˆ©ç”¨ã§ãã‚‹ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ç‹¬è‡ªã®é–¢æ•°ãŒåˆ©ç”¨ã§ãã‚‹ ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã—ãŸã‚Šã€ä¸‰è§’é–¢æ•°ã®è¨ˆç®—ã‚’ã—ãŸã‚Šã§ãã‚‹é–¢æ•°ãŒã‚ã‚Šã¾ã™ã€‚ mixinã‚„é–¢æ•°ã¯Compassã®å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯è¨˜è¼‰ã§ããªã„ã»ã©ã®mixinã‚„é–¢æ•°ãŒã‚ã‚Šã¾ã™ã®ã§ã€ä¸€åº¦è¦‹ã¦ã¿ã‚‹ã¨é¢ç™½ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä¸Šè¨˜ã«åŠ ãˆã€ç¬¬1å›žç›®ã«è¨˜è¼‰ã—ãŸã“ã¡ã‚‰ã®Sassã®ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚‚ã¡ã‚ã‚“äº«å—ã§ãã¾ã™ã€‚ èªã¿ã‚„ã™ã„ å¤‰æ•°ã‚„ç¹°ã‚Šè¿”ã—å‡¦ç†ãŒä½¿ãˆã‚‹ æˆæžœç‰©ã®å“è³ªã‚’çµ±ä¸€ã§ãã‚‹ é«˜é€Ÿ
maangie 2014/05/30
CSS

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

*
ãƒªãƒ³ã‚¯
Intro.js - Step-by-step guide and feature introduction for your website
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
maangie 2014/04/21
JavaScript

CSS

*
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æ¯”çŽ‡ã‚’emã‚„%ã‚’ä¸€è¦§ã§è¡¨ç¤ºã™ã‚‹ - MdN Design Interactive
ä½œæ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹éš ã‚ŒãŸä½¿ã„æ–¹æ•™ãˆã¾ã™ï¼ WEBåˆ¶ä½œã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹æ´»ç”¨è¡“ â”€â”€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ2ï¼‰ [technique 09] ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æ¯”çŽ‡ã‚’emã‚„%ã‚’ä¸€è¦§ã§è¡¨ç¤ºã™ã‚‹ æ–‡ï¼ãƒãƒ¤ã‚·ãƒ¦ã‚¿ã‚«ï¼ˆï¼ˆæœ‰ï¼‰ãƒ ãƒ¼ãƒ‹ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ï¼‰ Tool PXtoEM URL http://pxtoem.com/ ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæˆæ™‚ã«ãŠã„ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã¯pxã‹ptã§ä½œæˆã—ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ã¯%ã‹emãŒä¸»æµã«ãªã£ã¦ã„ã‚‹ãŒã€pxã‹ptã§ã®æ–‡å—ã‚µã‚¤ã‚ºã¯ã€ŒPXtoEMã€ã‚’ä½¿ç”¨ã™ã‚Œã°ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æ±ºã‚ã€ãã®æ•°å€¤ã‹ã‚‰ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å¤§å°æ¯”çŽ‡ã‚’emã‚„%ã‚’ä¸€è¦§è¡¨ã§è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã€‚ãã®ã»ã‹ã€ŒGet CSSã€ã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‚è€ƒã«ã—ãŸã‚Šã€ã‚«ã‚¹ã‚¿ãƒ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã§ç´°ã‹ã„æ•°å€¤ã®å‚è€ƒå€¤ã‚’è¨ˆç®—ã—ãŸã‚Šã—ã¦ãã‚Œã‚‹ã®ã§ã€ã¾ã æ–‡å—ã®èª¿æ•´ã«è‡ªåˆ†ã®ãƒ«ãƒ¼ãƒ«ã‚’æŒã£ã¦ã„ãªã„äººã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ãƒ„ãƒ¼ãƒ«ã ã€‚ å·¦ã®ãƒªã‚¹ãƒˆã‹ã‚‰ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã„æ–‡å—
maangie 2014/03/09
*

CSS

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
CSSè¬ç½ªæ–‡ - jsdo.it - Share JavaScript, HTML5 and CSS
CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œãªã„è¬ç½ªæ–‡ CSSã«æœ¬æ–‡ãŒæ›¸ã„ã¦ã‚ã‚‹ã®ã§ã€ç”»é¢ä¸Šã¯è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãŒGoogleã§ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ã«ã¯å¼•ã£ã‹ã‹ã‚‰ãªã„ ã€Œæµå‡ºã€ãªã©ã®å«Œãªå˜èªžã¯:beforeã¨:afterã«ã€Œæµã€ã€Œå‡ºã€ã‚’åˆ†ã‘ã¦æ›¸ãã“ã¨ã§ã€è‡ªç„¶è¨€èªžè§£æžã‚’å›žé¿ #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "ãŠã€€è©«"; } p:nth-child(1):after{ content: "ã€€ã³"; } p:nth-child(2):before{ content: "å¹³ç´ ã¯å¼Šç¤¾ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚"; } p:nth-child(3):before{ c
maangie 2014/02/03
CSS

ãƒã‚¿

*
ãƒªãƒ³ã‚¯
Emacs Helm for CSS/SCSS/LESS ã‚’æ›¸ãã¾ã—ãŸã€‚å‹•ç”»ã‚ã‚Š - Webå¦ã³
2013å¹´ 10æœˆ 19æ—¥ Helmã®ç´ æ™´ã‚‰ã—ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’åˆ©ç”¨ã—ã¦CSSã‚„SCSS/LESSã‚’ä¸Šç©ºã‹ã‚‰è¦‹æ¸¡ã™ã‚ˆã†ãªæ„Ÿã˜ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã„ã¤ã‚‚ã¯äººæ§˜ã®Elispã®ç´¹ä»‹ã°ã‹ã‚Šãªã®ã§ä»Šå›žã¯è‡ªåˆ†ã§åˆã‚ã¦é…å¸ƒç”¨ã®ã‚‚ã®ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸw ç”»è³ªãŒã‚ˆã‚ã—ããªã„48ç§’ã®å‹•ç”»ã§ã™ã€‚ã‚¿ã‚¤ãƒ—éŸ³ãŒã†ã‚‹ã•ãã¦ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã€‚ SCSSã‚„LESSã®ã‚ˆã†ã«å…¥ã‚Œåã«ãªã£ã¦ã„ãŸã‚Šã€åœ§ç¸®æ¸ˆã¿CSSã‚‚ã€ä¸€çž¬ã§ãƒ•ãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ï¼†ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ“ãƒ¥ãƒ¼ï¼†ç§»å‹•å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚Helmãƒãƒƒãƒ•ã‚¡ã®ç§»å‹•ã¨ã‚»ãƒ¬ã‚¯ã‚¿ç§»å‹•ãŒåŒæ™‚ä¸¦è¡Œã«åƒãã¾ã™(é›£ã—ã‹ã£ãŸ ><)ã€‚ ã“ã‚ŒãŒä»Šã®ã¨ã“ã‚ãƒ¡ã‚¤ãƒ³ã®æ©Ÿèƒ½ã§ã™ã€‚ä»–ã«ã‚‚ãƒã‚¹ãƒˆã®ãƒ¬ãƒ™ãƒ«ã‚’æŒ‡å®šã—ã¦é–‰ã˜æ‹¬å¼§ã«ã©ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‹åˆ†ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚³ãƒ¡ãƒ³ãƒˆã‚’æŒ¿å…¥ï¼†æ›¸ãæ›ãˆå‡ºæ¥ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ShingoFukuyama/helm-css-scss ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ã®MELPAã‹ã‚‰ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§
maangie 2014/01/02
*

CSS

emacs
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼åã‚’CSSã ã‘ã§å¼·å¼•ã«è¡¨ç¤º - os0x.blog
ãªã‚“ã¨ãªããƒ–ãƒã‚°ã®è¦‹ãŸç›®ã‚’å°‘ã—ã„ã˜ã£ãŸ(ãƒ†ã‚¹ãƒˆå‰ã«ãªã‚‹ã¨éƒ¨å±‹ã‚’ç‰‡ä»˜ã‘ãŸããªã‚‹ã‚¢ãƒ¬)ã€‚ ã‚·ãƒ³ã‚°ãƒ«ã‚«ãƒ©ãƒ ã ã¨æ¨ªã«é–“å»¶ã³ã™ã‚‹ã®ã¯å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸã®ã§ã€max-widthã‚’1000pxã§è¨å®šã—ã¦ã€ã‚ã¨ãƒ•ãƒƒã‚¿ãƒ¼ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã€‚ ã§ã€ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã£ã¦ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã ã¨ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¾ã§èª°ã®ã ã‹ã‚ã‹ã‚‰ãªã„ã®ãŒæ°—ã«ãªã£ã¦ã¦ã€è‡ªåˆ†ã§ã¯Greasemokey Scriptã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã«ç½®ãæ›ãˆã¦ã‚‹ã‚“ã§ã™ãŒ(hatena big profile star)ã€ãã†ã„ã†ã“ã¨ã‚’ã—ã¦ãªã„å¤šãã®äººã¯ãŒä¸¦ã‚“ã§ã„ã‚‹ã ã‘ã§ã€ã‚ã‹ã‚Šã«ãã„ãªãƒ¼ã¨ã€‚ ã£ã¦ã“ã¨ã§ã€è£…é£¾ã—ã¦ã‚„ã‚ã†ã¨æ€ã£ãŸã‘ã©ã€CSSã ã‘ã ã¨ã‚„ã¯ã‚ŠåŽ³ã—ã„ã€‚ã¾ã‚ã€IEã‚’è€ƒãˆãªã‘ã‚Œã°(IEã ã¨æ™®é€šã®è¡¨ç¤ºã®ã¾ã¾)ã£ã¦ã“ã¨ã§ã€afterã¨ã‹ä½¿ã£ã¦å¼·å¼•ã«IDã‚’è¡¨ç¤ºã—ã¦ã¿ãŸã€‚ CSSã¯ã“ã‚“ãªæ„Ÿã˜(ãƒã‚¬ãƒ†ã‚£ãƒ–ãªtext-indentã¨overflow:hiddenã¨ã„ã†ã‚ˆãã‚ã‚‹ãƒ
maangie 2013/12/08
CSS

*
ãƒªãƒ³ã‚¯
cssã¨ã¯ï¼Ÿä½¿ã„æ–¹ã¨å¦ã³æ–¹ã®åŸºç¤Žã¾ã¨ã‚ - ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤Žã§ã‚ã‚‹htmlã‚’å‹‰å¼·ã—ã¦ã„ã‚‹ã¨ã€å¿…ãšå‡ºã¦ãã‚‹è¨€è‘‰ãŒcssã€‚ ç¾ä»£ã®webã‚µãƒ¼ãƒ“ã‚¹ã«ãŠã„ã¦ã€htmlã¨cssã¯ã„ã‚ã°å…„å¼Ÿã®ã‚ˆã†ãªã‚‚ã®ã§åˆ‡ã£ã¦ã‚‚åˆ‡ã‚Œãªã„é–¢ä¿‚ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã§ã¯ã€cssã¨ã¯ã„ã£ãŸã„ã©ã†ã„ã†ã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Webãƒšãƒ¼ã‚¸ã®æ–‡å—ã®è‰²ã‚„å¤§ãã•ã€èƒŒæ™¯ã€é…ç½®ã¨ã„ã£ãŸè¦‹ãŸç›®ã‚’è¨å®šã™ã‚‹è¨€èªžã®ä¸€ç¨®ã§ã™ã€‚ é™çš„ãƒšãƒ¼ã‚¸ã‚‚å‹•çš„ãƒšãƒ¼ã‚¸ã‚‚è¦‹ãŸç›®ã®éƒ¨åˆ†ã®å¤šãã¯ã“ã®cssã§åˆ¶å¾¡ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—cssã‚’è©³ã—ãå¦ã¶ãªã‚‰ã€ç‹¬å¦ã‚‚ã„ã„ã§ã™ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ãŒãŠã™ã™ã‚ã§ã™ã€‚è²»ç”¨ã¯å½“ç„¶ã‹ã‹ã‚Šã¾ã™ãŒã€ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒã‚‚ã‚‰ãˆã‚‹ã“ã¨ã¨ã€å¦ç¿’ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒç®¡ç†ã•ã‚Œã‚‹ã®ã§ã€å¼·åˆ¶çš„ã«é ‘å¼µã‚Œã‚‹ä»•çµ„ã¿ãŒä½œã‚Œã‚‹ã®ã‚‚ãƒ¡ãƒªãƒƒãƒˆã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ The post cssã¨ã¯ï¼Ÿä½¿ã„æ–¹ã¨å¦ã³æ–¹ã®åŸºç¤Žã¾ã¨ã‚ first appeared on ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£.
maangie 2013/11/05
*

CSS
ãƒªãƒ³ã‚¯
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„è¨˜æ³• - ã‚¢ã‚¤ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®é›»è©±ç•ªå·
BEMã‚’ä½¿ã£ãŸå‘½åãŒã¨ã¦ã‚‚æ˜Žå¿«ã§ã€ã“ã®ã¨ã“ã‚HTMLã‚„CSSã‚’æ›¸ãã®ã«ã‚ˆãä½¿ã£ã¦ã„ã‚‹ã€‚CSSã®ã‚¯ãƒ©ã‚¹åã¨ã—ã¦æ›¸ãå ´åˆã¯ã€BEMã‚’CSSç”¨ã«ä½¿ã„ã‚„ã™ãã—ãŸMindB EMdingã¨ã„ã†æ›¸ãæ–¹ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã€‚æœ€åˆã«ã“ã‚Œã‚’çŸ¥ã£ãŸã¨ãã¯ã€Œã“ã‚“ãªæ±šã„è¨˜è¿°ã®ä»•æ–¹ã¯ä½¿ã„ãŸããªã„ã€ã¨æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€ã™ã£ã‹ã‚Šæ…£ã‚Œã¦ã€ä»Šã§ã¯ãã®æ˜Žå¿«ã•ã«ã¡ã‚‡ã£ã¨å¿ƒé…”ã—ã‹ã‘ã¦ã„ã‚‹ã»ã©ã€‚ BEMã®æ–¹æ³•è«–ã¨MindB EMdingã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œã®æ–‡æ›¸ã‚’èªã‚“ã§ã‚‚ã‚‰ã†ã¨ã—ã¦ã€ãã‚Œã‚‰ã‚’ã²ã£ãã‚‹ã‚ã¦å¤§é›‘æŠŠã«èª¬æ˜Žã™ã‚‹ã¨ã€BEMã¨ã¯Blockã€Elementã€Modifierã®é æ–‡å—ã‚’å–ã£ãŸã‚‚ã®ã§ã€æ§‹æˆã™ã‚‹è¦ç´ ã‚’ãã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã‚ã¦å‘½åã—ã¦ã„ãæ–¹æ³•ã€‚ã©ã®å ´åˆã§ã‚‚å¿…ãšBlockã‚‚ã—ãã¯ãã®ModifierãŒãƒ«ãƒ¼ãƒˆã«ã‚ã‚Šã€ãã®ä¸ã«ã€æ‰€å±žã™ã‚‹Elementã‚‚ã—ãã¯ãã®ModifierãŒå«ã¾ã‚Œã‚‹æ§‹æˆã«ãªã‚‹ã€‚ Block - æ§‹æˆã®ãƒ«ãƒ¼ãƒˆã¨ãª
maangie 2013/10/29
*

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