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

dann id:dann

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

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

Tailwind CSS ã‚’ä½¿ã†æ™‚ã«ä¸€ç·’ã«å…¥ã‚ŒãŸã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
Tailwind CSS ã¯ã™ã¹ã¦ã‚’ãƒ¦ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¯ãƒ©ã‚¹ã§æ›¸ãã¨ã„ã†ç‰¹æ€§ä¸Šã€HTML ã«ã¯ã‚¯ãƒ©ã‚¹ãŒãŸãã•ã‚“æ›¸ã‹ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚1 ã¤ã®è¦ç´ ã«å¯¾ã—ã¦ã‚¯ãƒ©ã‚¹ãŒãŸãã•ã‚“ä¸¦ã‚“ã§ã„ã‚‹ã¨ã€è¦–è¦šçš„ã«ã©ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’æŠŠæ¡ã™ã‚‹ã®ãŒé›£ã—ããªã‚Šã¾ã™ã€‚æ¡ä»¶ã«ã‚ˆã£ã¦ã‚¯ãƒ©ã‚¹åã‚’ä»˜ã‘æ›¿ãˆã‚‹å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ã¨æ›´ã«è¤‡é›‘ã«ãªã‚Šã¾ã™ã€‚ <button className={` ${variant === "primary" && "border border-blue-500 bg-blue-500 text-white"} ${ variant === "secondary" && "border border-gray-500 bg-gray-500 text-white" } ${variant === "default" && "border border-gray-500 bg-white
dann 2024/02/05
tailwind

css
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‰ã‚¸ãƒ£ãƒ³ãƒ—å¯èƒ½ãª CSS Modules ã‚’å®Ÿç¾ã™ã‚‹ happy-css-modules ã®ç´¹ä»‹ - mizdra's blog
å¼Šç¤¾ã§ã¯ React ã§ CSS ã‚’æ›¸ããŸã‚ã®æ‰‹æ³•ã¨ã—ã¦ CSS Modules ã‚’å…¨é¢çš„ã«æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ãã“ã§ CSS Modules ã‚’ä½¿ã£ãŸé–‹ç™ºã‚’ã‚ˆã‚Šå¿«é©ã«ã™ã‚‹ãŸã‚ã«ã€ã€Œhappy-css-modulesã€ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ happy-css-modules ã®ãƒ‡ãƒ¢ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã“ã®ãƒ„ãƒ¼ãƒ«ãŒå¿…è¦ã«ãªã£ãŸèƒŒæ™¯ã€å°Žå…¥æ–¹æ³•ã€ãã—ã¦ãƒ„ãƒ¼ãƒ«ã®æŠ€è¡“çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Modules ã®å•é¡Œç‚¹ã¨ã€typed-css-modules ã«ã‚ˆã‚‹è§£æ±º CSS Modules ã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯å˜åœ¨ã—ãªã„ã‚¯ãƒ©ã‚¹åã‚’ä½¿ç”¨ã—ã¦ã‚‚ã€(ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®è¨å®šæ¬¡ç¬¬ã§ã™ãŒ) TypeScript ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ import styles from './Button.module.css'; function Button() { return ( <but
dann 2022/11/15
react

css
ãƒªãƒ³ã‚¯
Tailwind CSSã®äºŒé¢æ€§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’å€Ÿã‚Šã‚‹ã¨ã„ã†ã“ã¨ | Marginalia
ã“ã®é›‘è¨˜ã‚’æ›¸ãå•é¡Œæ„è˜ã¯ã€Tailwind CSSã«å¯¾ã—ã¦å‘ã‘ã‚‰ã‚Œã¦ã„ã‚‹ä¸–ã®äººã€…ã®ä¸æº€ãŒã€Tailwind CSSãŒã‚³ãƒŸãƒƒãƒˆã—ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰å¤–ã‚ŒãŸã€ãŠé–€é•ã„ã®æœŸå¾…ã®æŠ¼ã—ã¤ã‘ã«ãªã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ„Ÿã˜ã‚‹ã¨ã“ã‚ã«ã‚ã‚‹ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€é“å…·ã«ã¯ãã‚ŒãŒä½œã‚‰ã‚ŒãŸç›®çš„ãŒã‚ã‚Šã€æžœãŸãã†ã¨ã™ã‚‹ã‚³ãƒŸãƒƒãƒˆãƒ¡ãƒ³ãƒˆãŒã‚ã‚‹ã€‚ãã®åœå†…ã«ãŠã„ã¦æžœãŸã•ã‚Œã¦ã„ãªã„ã‚³ãƒŸãƒƒãƒˆãƒ¡ãƒ³ãƒˆã«å¯¾ã™ã‚‹ä¸æº€ã¯ã€ãã‚Œè‡ªä½“ã®å˜åœ¨æ„ç¾©ã«ã‹ã‹ã‚ã‚‹æ„å‘³ã‚’æŒã¤ãŒã€ã—ã‹ã—åˆ©ç”¨è€…ãŒä¸€æ–¹çš„ã«å¯„ã›ãŸæœŸå¾…ãŒæžœãŸã•ã‚Œãªã„ã“ã¨ã«å¯¾ã™ã‚‹ä¸æº€ã¯ãã†ã§ã¯ãªã„ã€‚ å¿µæŠ¼ã—ã™ã‚‹ã¾ã§ã‚‚ãªã„ã¨æ€ã†ãŒã€ã“ã‚Œã¯Tailwind CSSã«å¯¾ã—ã¦ä¸æº€ã‚’å‘ã‘ã‚‹ã¹ãã§ã¯ãªã„ã¨ã„ã†è©±ã§ã¯ã¾ã£ãŸããªã„ã€‚ã‚€ã—ã‚ã€ãã®ä¸æº€ã®ä¸‹æ•·ãã¨ãªã£ã¦ã„ã‚‹ Tailwind CSS ã¸ã®æœŸå¾…ãŒ Tailwind CSS è‡ªä½“ã«ã‚ˆã£ã¦ã‚³ãƒŸãƒƒãƒˆã•ã‚ŒãŸã‚‚ã®ã§ãªã„ã¨ã—ãŸã‚‰ã€ä¸æº€ã‚’å‘ã‘ã¦ã‚‚ã—ã‚‡ã†ãŒãªã„ã®ã§ã¯
dann 2022/07/25
css

tailwind
ãƒªãƒ³ã‚¯
Tailwind CSSã®è¨è¨ˆæ€æƒ³ã‚’æ¥å‹™ã«æ´»ã‹ã™ | CodeGrid
è¦‹ãŸç›®ã§ã¯ãªãã€ãƒžãƒ¼ã‚¸ãƒ³ãªã©æŠ½è±¡åº¦ã®é«˜ã„ãƒ¬ãƒ™ãƒ«ã§CSSã‚’è¨è¨ˆã§ãã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒTailwind CSSã€ã‚’ãƒ’ãƒ³ãƒˆã«å®Ÿå‹™ã§ã®CSSè¨è¨ˆæ‰‹æ³•ã‚’è€ƒãˆã¾ã™ã€‚
dann 2022/07/18
tailwind

css
ãƒªãƒ³ã‚¯
CLI Â· Prettier
Use the prettier command to run Prettier from the command line. prettier [options] [file/dir/glob ...] To run your locally installed version of Prettier, prefix the command with npx or yarn (if you use Yarn), i.e. npx prettier --help, or yarn prettier --help. To format a file in-place, use --write. (Note: This overwrites your files!) In practice, this may look something like: prettier . --write Th
dann 2018/02/28
prettier

css

javascript
ãƒªãƒ³ã‚¯
Prettier Â· Opinionated Code Formatter
Limited edition tshirts are now available to buy! $10 per tshirt goes to maintain the project. What is Prettier?An opinionated code formatterSupports many languagesIntegrates with most editorsHas few options Â» Why?Your code is formatted on saveNo need to discuss style in code reviewSaves you time and energyAnd more Â»
dann 2018/02/28
css

javascript

formatter
ãƒªãƒ³ã‚¯
Storybook for Vueã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å”æ¥ã‚’åŠ é€Ÿã•ã›ã‚‹ - Studio Andy
ã“ã®è¨˜äº‹ã¯CAMPHOR- Advent Calendar 2017ã®23æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã¯ã˜ã‚ã« ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ©Ÿèƒ½ã‚’ã€Œã‚«ãƒ—ã‚»ãƒ«åŒ–ã€ã€ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€ã—ã‚ˆã†ã¨ã„ã†ã®ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰/ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰å•ã‚ãšã«è¿‘å¹´ã®Webé–‹ç™ºã«ãŠã‘ã‚‹ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã²ã¨ã¤ã§ã™ã€‚ Webæ¥ç•Œã‚‚5å¹´ã‚‚ã®ã€10å¹´ã‚‚ã®ã¨å‘¼ã°ã‚Œã‚‹ã‚·ã‚¹ãƒ†ãƒ ãŒå¢—ãˆã‚‹ä¸ã§ã€Œæœ€åˆã‹ã‚‰å®Œç’§ãªã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚‹ã“ã¨ãªã‚“ã¦ç„¡ç†ãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨å¤šãã®äººãŒæ°—ã¥ãã¯ã˜ã‚ã¾ã—ãŸã€‚ ãã®æµã‚Œã‚’å—ã‘ã¦ã€Œã©ã†ã›æ”¹ä¿®ãŒå¿…è¦ãªã‚‰ã€å°ã•ãªã‚¹ã‚³ãƒ¼ãƒ—ã§æ–°ã—ã„ã‚‚ã®ã«ç½®ãæ›ãˆå¯èƒ½ãªä»•çµ„ã¿ã‚’ä½œã‚ã†ãœï¼ã€ã¨ã„ã†ã®ãŒã€Œã‚«ãƒ—ã‚»ãƒ«åŒ–ã€ã€ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€ã®å¤§ããªãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‚‹ã¨ã€å€‹äººçš„ã«ã¯ç†è§£ã—ã¦ã„ã¾ã™ã€‚ Vue.jsã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Vue.jsã‚‚ã€ä¾‹ã«æ¼ã‚Œãšã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³ãªé–‹ç™ºã«é©ã—ãŸä»•çµ„ã¿ã®1ã¤ã§ã™ã€‚ SFC(Singl
dann 2017/12/23
storybook

css

vue
ãƒªãƒ³ã‚¯
Propeller Propeller - Front-end Framework based on Material Design With Bootstrap
Propeller is a front-end responsive framework based on Googleâ€™s Material Design Standards & Bootstrap. Get Started
dann 2017/03/12
design

css
ãƒªãƒ³ã‚¯
amakanã«stylelintã‚’å°Žå…¥ã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜
https://amakan.net/ ã®ã“ã®è¾ºã®æ”¹å–„ã®ç¶šãã€‚ amakanã‚’Unicornã‹ã‚‰Pumaã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã§yarnã‚’ä½¿ã†ã‚ˆã†ã«ã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã§Ruby 2.3.3ã‚’ä½¿ã†ã‚ˆã†ã«ã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã‚’ Ruby 2.3.3 ã‹ã‚‰ 2.4.0-preview3 ã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è‰²ã€…æ”¹å–„ã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã‚’Sidekiqã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã®é–‹ç™ºç’°å¢ƒã‚’Dockerã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã®æœ¬ç•ªç’°å¢ƒã‚’Dockerã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakanã‚’DockeråŒ–ã—ãŸæ„Ÿæƒ³ - âœ˜â•¹â—¡â•¹âœ˜ amakanã®CIã‚’Shippableã«ç§»è¡Œã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜ amakan ã® CSS ã¯å‹˜ã§æ›¸ã„ã¦ã„ã¦ã€ä½•ã¨ãªãæ°—ãŒå‘ã„ãŸã®ã§ style
dann 2017/01/28
css
ãƒªãƒ³ã‚¯
PostCSS ã¾ã¨ã‚ - Qiita
åƒ•ã¯PostCSSã¯é–‹ç™ºå½“åˆã‹ã‚‰è¿½ã„ã‹ã‘ã¦ã„ã¦ã€GitHubã§PostCSSãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ã®ã²ã¨ã‚Šã ã£ãŸã‚Šã€å®Ÿéš›ã«PostCSSã‚’ä½¿ã£ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒ„ãƒ¼ãƒ«ã‚’ã„ãã¤ã‹ä½œã£ãŸã‚Šã€ãƒ–ãƒã‚°ã‚„é›‘èªŒã§è¨˜äº‹ã‚’æ›¸ã„ãŸã‚Šã€å‹‰å¼·ä¼šç‰ã§è©±ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹PostCSSã«ã¤ã„ã¦ã®äº‹æŸ„ã‚’å…±æœ‰ã—ã¾ã™ã€‚ PostCSSã¨ã¯ä½•ã‹ PostCSSã¨ã¯ã€ãƒã‚·ã‚¢äººã® Andrey Sitnik ã¨ã„ã†äººãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€Node.jsè£½ã®ã€ŒCSSãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã§ã™ã€‚PostCSSè£½ã®ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã€ŒAutoprefixerã€ã€æœªæ¥ã®CSSã®æ§‹æ–‡ã®ä¸€éƒ¨ã‚’ä»Šã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è§£é‡ˆã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€Œcssnextã€ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«å¯Œã‚“ã§ã„ã‚‹CSSãƒªãƒ³ã‚¿ãƒ¼ã§ã‚ã‚‹ã€Œstylelintã€ãªã©ãŒæœ‰åã§ã™ã€‚ PostCSSã¯2018å¹´2æœˆã€ã‹ãªã‚Šåºƒãä½¿ã‚ã‚Œã¦
dann 2017/01/02
css
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI å·ç”°å¯›ï¼ˆãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ãµã‚ã—ãã§ã™ï¼ ç§ã¯HTML5 Experts.jpã§ã€éŽåŽ»2å¹´ã»ã©Google I/Oã®æƒ…å ±ã‚’ç™ºä¿¡ã—ã€WebæŠ€è¡“ã®å¤‰åŒ–ã«ã¤ã„ã¦ãŠä¼ãˆã—ã¦ãã¾ã—ãŸã€‚æŒ¯ã‚Šè¿”ã‚‹ã¨Googleã¯ã€2014å¹´ã«ãƒ¢ãƒã‚¤ãƒ«Webã®æå”±ã¨æŠ€è¡“è¦ç´ ã®æ‹¡å¤§ã‚’å›³ã‚Šã€2015å¹´ã‹ã‚‰ã¯ã€ŒRAILï¼ˆãƒ¢ãƒã‚¤ãƒ«WebãŒç›®æŒ‡ã™ã¹ããƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æŒ‡æ¨™ï¼‰ã€ã‚„ã€ŒProgressive Web Appsï¼ˆã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«æŒ¯ã‚‹èˆžã†Webï¼‰ã€ã¨ã„ã£ãŸã€ãƒ¢ãƒã‚¤ãƒ«ã¨ã®è¦ªå’Œæ€§ãŒé«˜ã„Webã‚’ä½œã‚Šå‡ºã™ãŸã‚ã®â€è€ƒãˆæ–¹â€ã‚’æŽ¨ã—é€²ã‚ã¾ã—ãŸã€‚ä»Šå¹´2016å¹´ã¯ã€ã•ã‚‰ã«ãã‚Œã‚’è¸ã¿è¾¼ã‚“ã§ã„ã£ãŸã¨ã„ã†æ„Ÿã˜ãŒã—ã¾ã™ã€‚ ä»Šå›žã®I/Oã§å–ã‚Šä¸Šã’ã‚‹ã®ã‚‚ãã®ã²ã¨ã¤ã€‚æ¯Žåº¦ãŠé¦´æŸ“ã¿Google Developer A
dann 2016/07/09
javascript

css
ãƒªãƒ³ã‚¯
http://buchineko.website/chrome-devtools-cording/
dann 2016/03/27
chrome

css
ãƒªãƒ³ã‚¯
Primer
Redirecting to primer.style
dann 2015/08/24
ui

css
ãƒªãƒ³ã‚¯
GitHub - t32k/stylestats: StyleStats is a library to collect CSS statistics.
$ stylestats path/to/stylesheet.css StyleStats! â”Œâ”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¬â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â” â”‚ Published â”‚ June 14, 2017 10:35 AM â”‚ â”œâ”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¼â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¤ â”‚ Paths â”‚ path/to/stylesheet.css â”‚ â”œâ”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¼â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¤ â”‚ Style Sheets â”‚ 1 â”‚ â”œâ”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¼â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”¤ â”‚ Sty
dann 2015/08/22
css
ãƒªãƒ³ã‚¯
debugCSS : (X)HTML debugging tool built with CSS
debugCSS: (X)HTML debugging tool built with CSSdebugCSS is meant to be loaded on an existing page to highlight potentially broken, malformed or legacy (X)HTML. Not all "errors" are created equally, so they are color coded to highlight severity. Green is "probably not a big probl em", yellow is "worth looking at" and red is "you really should fix this." Click and drag the link below to your bookmark
dann 2015/07/05
css

debugging
ãƒªãƒ³ã‚¯
CSS è¨è¨ˆã®é•·ã„å¤¢ - ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æŠ€è¡“ã¯é©šç•°çš„ãªã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã—ã€ã¾ãŸå¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰ã‚’å…¨ã¦ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã®ã¯é€”æ–¹ã‚‚ãªãå¤§å¤‰ãªã®ã§ã€ãƒšãƒ‘ãƒœã§ã¯ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãŒã€Œæœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãŠã•ãˆã¦ãŠã“ã†ã€ã¨ã„ã†ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ–‡æ›¸åŒ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ç¤¾å†…å‘ã‘ã‚’æƒ³å®šã—ãŸæ–‡æ›¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç¤¾å†…ã®ã¿ã«ç•™ã‚ãšå¤šãã®æ–¹ã«å½¹ç«‹ã¦ãŸã„ã¨è€ƒãˆãŸãŸã‚å…¬é–‹ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å¤¢ (1) äºˆæ¸¬ã—ã‚„ã™ã„ (2) å†åˆ©ç”¨ã—ã‚„ã™ã„ (3) ä¿å®ˆã—ã‚„ã™ã„ (4) æ‹¡å¼µã—ã‚„ã™ã„ ä»£è¡¨çš„ãª CSS è¨è¨ˆæ‰‹æ³• æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã® CSS ã«ç«‹ã¡å‘ã‹ã†ï¼ (0) æµã‚Œ (1) æ—¢å˜ã® CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å…ƒã« SCSS ãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã™ã‚‹ (2) ã‚¤ãƒ‹ã‚·ãƒ£ãƒ©ã‚¤ã‚º CSS ã‚„å…±é€šã®ç®‡æ‰€ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆ†é›¢ã™ã‚‹ (3) CSS Lint ã‚’ä½¿ã£ã¦ã€ä¿®æ£ã—ã‚„ã™ã„ã¨ã“ã‚ã‹ã‚‰æ•´ç†ã—ã¦ã„ã (4) ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« (5) ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¹ã‚³ãƒ¼ãƒ—ï¼ˆã‚
dann 2015/06/10
css

design
ãƒªãƒ³ã‚¯
GitHub - styledown/styledown: Markdown-based styleguide generator
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
dann 2014/08/24
css

documentation
ãƒªãƒ³ã‚¯
LiveStyle for Vim - Quick start
1. LiveStyle for Vim allows editing CSS in Vim and seeing live updates in Chrome without reloading the page. 2. To use it, install the LiveStyle Vim plugin and Chrome extension, run the livestyled server, and bind CSS files in Chrome to the server to enable live updates. 3. Editing and saving CSS in Vim will then instantly update in the browser without reloading.Read less
dann 2014/01/03
vim

css

livestyle
ãƒªãƒ³ã‚¯
ï¼»ç¿»è¨³ï¼½MCSS (Multilayer CSS)
ã“ã‚Œã¯ã€ŒBEM Advent Calendar 2013ã€19æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«ã«æ›¸ã„ã¦ã‚ã‚‹é€šã‚Šã€Robert Haritonovã«ã‚ˆã‚‹MCSSã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’æ—¥æœ¬èªžè¨³ã—ã¾ã—ãŸã€‚ ã»ã¼åŒå†…å®¹ã®ã‚‚ã®ã‚’ãƒ—ãƒ«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã¦ã‚ã‚‹ã®ã§ã€ãã®ã†ã¡æœ¬å®¶ã§ã‚‚å…¬é–‹ã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ã§ã‚‚å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ è‹±èªžç‰ˆãŒã‚ã£ãŸã®ã§åŸºæœ¬çš„ã«ã¯è‹±èªžç‰ˆã‹ã‚‰æ—¥æœ¬èªžè¨³ã—ãŸã®ã§ã™ãŒã€è‹±èªžç‰ˆã§æ„å‘³ãŒã‚ˆãåˆ†ã‹ã‚‰ãªã„éƒ¨åˆ†ãŒã‚ã£ã¦ã€ãã†ã„ã†ã®ã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒã‚·ã‚¢èªžç‰ˆã‚’æ©Ÿæ¢°ç¿»è¨³ã§è‹±èªžã«ã—ã¦ã€ãã‚Œã‚’å…ƒã«ã—ãŸã‚Šã—ã¾ã—ãŸã€‚ã®ã§ã€è‹±èªžç‰ˆã‹ã‚‰ã®å®Œå…¨ç¿»è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æœ¬å½“ã¯ãƒã‚·ã‚¢èªžã§ãã‚‹äººãŒã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆç¾¤ã‚’ç¿»è¨³ã—ãŸã»ã†ãŒã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ MCSSã¯ä¸»ã«CSSã®ç®¡ç†æ–¹æ³•ã«ã¤ã„ã¦ã®è€ƒãˆæ–¹ã§ã€èªã‚“ã§ã„ã¦è‡ªåˆ†ã®ã‚„ã‚Šæ–¹ã«ä¸€ç•ªå‘ã„ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã—ãŸã€‚ ãã“ã§ã€ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ãŠããŸã„ã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦ç¿»è¨³ã—ã¦ã¿ã¾ã—
dann 2013/12/28
css
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãªCSSè¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è€ƒãˆã‚‹
This document discusses modern CSS architecture patterns. It introduces concepts like OOCSS, SMACSS, and BEM for organizing CSS in a modular, scala ble and maintainable way. It provides examples of how to build reusa ble CSS modules and maintain them through techniques like naming conventions, categorization and decoupling CSS from HTML. The presentation em phasizes goals of building predictable, reu
dann 2013/12/01
css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸