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

susue id:susue

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

${{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ã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã«å¯¾ã™ã‚‹è€ƒå¯Ÿ - uhyo/blog
è¿‘å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†æ¦‚å¿µãŒä»˜ã„ã¦å›žã‚Šã¾ã™ã€‚Reactãƒ»Vueãƒ»Angularã¨ã„ã£ãŸViewãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã—ã¦ãã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã™ã€‚ã¾ãŸã€ã„ã‚ã‚†ã‚‹Web Componentsã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹ä»•æ§˜ç¾¤ã«ã‚ˆã‚Šã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã«â€œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆâ€ã‚’ä½œã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ä½•ã‚‰ã‹ã®æ©Ÿèƒ½ï¼ˆã‚ã‚‹ã„ã¯è²¬å‹™ï¼‰ã‚’æŒã£ãŸéƒ¨å“ã§ã™ã€‚ã¾ãŸã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã‚ˆã£ã¦ã¯å†åˆ©ç”¨ã•ã‚Œã‚‹ï¼ˆã‚¢ãƒ—ãƒªå†…ã®è¤‡æ•°ã®ç®‡æ‰€ã‹ã‚‰åˆ©ç”¨ã•ã‚Œã‚‹ï¼‰ã“ã¨ã‚’æ„å›³ã—ã¦ã„ã‚‹ã‚‚ã®ã‚„ã€ãã‚‚ãã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½ã®ä¸€éƒ¨åˆ†ã‚’æŠœãå‡ºã—ãŸã‚‚ã®ã¨ã„ã†è¦‹æ–¹ã‚’ã™ã‚Œã°ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†ã®ã¯é–¢æ•°ã«ã¨ã¦ã‚‚é¡žä¼¼ã—ãŸæ¦‚å¿µã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã«ã‚ˆã£ã¦ã€è¨€ã„æ›ãˆã‚Œã°ã‚¢ãƒ—ãƒªãŒã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŸã¡ã«
susue 2021/01/02
css
ãƒªãƒ³ã‚¯
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
<div class="flex flex-col it ems-center rounded-2xl"> <div> <img class="size-48 shadow-xl" alt="" src="/img/cover.png" /> </div> <div class="flex"> <span>Class Warfare</span> <span>The Anti-Patterns</span> <span class="flex"> <span>No. 4</span> <span>Â·</span> <span>2025</span> </span> </div></div>
susue 2020/11/30
framework

css

webdesign
ãƒªãƒ³ã‚¯
ã¾ã ä¸å¤®å¯„ã›ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ - @yoshiko_pg
susue 2020/08/14
css
ãƒªãƒ³ã‚¯
ç¾ä»£é–‹ç™ºè€…ã®ãŸã‚ã®CSSåŸºç¤ŽæŠ€è¡“ - Qiita
ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ãŠã‘ã‚‹ã€ç¾ä»£çš„ãªCSSã®åŸºç¤ŽæŠ€è¡“ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¡ã¾ãŸã«ã¯ã€ŒCSSã¨ã¯ä½•ã‹ã€ã‚’å¦ã¶æ•™æã¯ãŸãã•ã‚“ã‚ã£ã¦ã‚‚ã€ã€ŒCSSã‚’ã©ã†ã‚„ã£ã¦ã†ã¾ãä½¿ã†ã‹ã€ã«ã¤ã„ã¦ã¯ã‚ã¾ã‚Šè©³ã—ãè§¦ã‚Œã‚‰ã‚Œã¾ã›ã‚“ã€‚ ä»•æ§˜ã‚’ãŸãã•ã‚“è¨˜æ†¶ã—ãŸã¨ã“ã‚ã§ã€ã„ã¤ã«ãªã£ã¦ã‚‚é–‹ç™ºåŠ›ã¯ã‚ãŒã‚‰ãªã„ã®ã§ã™ã€‚ æœ¬è¨˜äº‹ã¯ã€ŒCSSã‚’ã†ã¾ãä½¿ã†æŠ€è¡“ã€ã«ç„¦ç‚¹ã‚’ã‚ã¦ã¦ã€å®Ÿéš›ã«ç¾ä»£çš„ãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«æ±‚ã‚ã‚‰ã‚Œã‚‹ãƒ¬ãƒ™ãƒ«ã®CSSã‚’æ›¸ããŸã‚ã®çŸ¥è˜ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç‰¹ã« ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çµŒé¨“ã¯ã‚ã‚‹ã‚‚ã®ã®ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çµŒé¨“ãŒæµ…ã„æ–¹ åˆç´šãƒ¬ãƒ™ãƒ«ã®CSSã¯ã‚ã‚‹ç¨‹åº¦ç†è§£ã—ãŸã‚‚ã®ã®ã€æ¬¡ã«ã©ã†ã—ãŸã‚‰ã„ã„ã‹ã‚ã‹ã‚‰ãªã„æ–¹ ã«ãŠå‹§ã‚ã§ã™ã€‚ ãƒ—ãƒãƒãƒ¼ã‚° CSSã®æ›¸ãæ–¹ã¯ä¸€é€šã‚Šã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å¥½ããªæ›¸ãæ–¹ã‚’è‡ªç”±ã«é¸ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯ä¸€è¦‹ã™ã‚‹ã¨è‰¯ã„ã“ã¨ã§ã™ãŒã€è£ã‚’è¿”ã™ã¨æœ€é©ã§ã¯ãªã„æ›¸ãæ–¹ãŒãŸãã•ã‚“ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ã“ã®å ´ã«ãŠã„ã¦
susue 2020/07/07
css
ãƒªãƒ³ã‚¯
ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå˜ä½ã€Œvw, vh, vmin, vmaxã€ã‚’ä½¿ã£ãŸCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
CSSã®ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã‚’åŸºæº–ã«ã—ãŸå˜ä½ã€Œvw, vh, vmin, vmaxã€ã¯ã€ã“ã“æ•°å¹´ã§å¤šãä½¿ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚åˆ©ç‚¹ã¯JavaScriptãªã—ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„è¦ç´ ã®ã‚µã‚¤ã‚ºã‚’å‹•çš„ã«å®Ÿè£…ã§ãã‚‹ã‹ã‚‰ã§ã™ã€‚vw, vh, vmin, vmaxã®çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºæŒ‡å®šã€é«˜ã•ã„ã£ã±ã„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ãƒƒã‚¿ã‚’æœ€ä¸‹éƒ¨ã«é…ç½®ã€ãƒ‡ãƒã‚¤ã‚¹ã«å¿œã˜ãŸç”»åƒé…ç½®ã€è¨˜äº‹ã¯å›ºå®šå¹…ã ã‘ã©ç”»åƒã¯å¹…ã„ã£ã±ã„ãªã©ã€å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ã§ã™ã€‚ CSS Viewport Units by Ahmad Shadeed ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã‚’åŸºæº–ã«ã—ãŸå˜ä½ vw: ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¹… vh: ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®é«˜ã• vmin: ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¹…ã¾ãŸã¯é«˜ã•ã®æœ€å°å€¤ v
susue 2020/04/23
Viewport

css
ãƒªãƒ³ã‚¯
GitHub - hiloki/flocss: CSS organization methodology.
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
susue 2020/04/14
css

flocss
ãƒªãƒ³ã‚¯
ç‹¬å¦ã®äººã§ã‚‚å¤§ä¸ˆå¤«ï¼CSS Flexboxã®ä½¿ã„æ–¹ã‚’åŸºç¤Žã‹ã‚‰å¦ã¹ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS Flexboxã®åŸºç¤Žã¨ãªã‚‹è€ƒãˆæ–¹ã‚„æ§‹é€ ã€å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä½¿ã„æ–¹ã‚’ä¸€é€šã‚Šå¦ã¹ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã‚¹ãƒ†ãƒƒãƒ—å½¢å¼ã§ã€ç°¡å˜ãªã‚‚ã®ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ç‹¬å¦ã®äººã€ãã—ã¦åˆå¿ƒè€…ã«ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼ 30æ—¥åˆ†ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ãŒã€1æ—¥åˆ†ã¯3åˆ†ãã‚‰ã„ãªã®ã§ã€æ£å‘³1,2æ™‚é–“ã§CSS Flexboxã‚’ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ Flexbox30 -GitHub by Samantha Ming ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 1æ—¥ç›®: Flexboxã¨ã¯ Flexboxã®å‰ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹ãŸã‚ã«floatã‚’ä¸»ã«ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸã€‚CSSã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯ã€floatã¯å¤ã„æ–¹æ³•ã§é™ç•ŒãŒã‚ã‚Šã€ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒè²¯ã¾ã‚‹ã“ã¨ã‚’ã‚ˆãçŸ¥ã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ç¾åœ¨ã¯é•ã„ã¾ã™ï¼ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã‚‚ã¡ã‚
susue 2019/12/05
css

flexbox
ãƒªãƒ³ã‚¯
ã€2019å¹´ç‰ˆã€‘ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒ React ã§ãƒ¢ãƒ€ãƒ³ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’å§‹ã‚ã‚‹ã¾ã§ - Feedforce Developer Blog
id:daido1976 ã§ã™ã€‚å…¥ç¤¾ã—ã¦ã‹ã‚‰ã‚ã£ã¨ã„ã†é–“ã«1å¹´ãŒçµŒã£ã¦ã„ã¾ã—ãŸã€‚ ç›´è¿‘3ãƒ¶æœˆã»ã©ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®å‹‰å¼·ã‚’ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã“ã“æ•°å¹´ã§ CSS ã® Grid ã‚„ React ã® Hooks ãŒæ–°ã—ãå°Žå…¥ã•ã‚ŒãŸã“ã¨ãªã©ã‚‚ã‚ã‚Šã€å°‘ã—å¤ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã¨æ•™æã¨ã—ã¦å½¹ç«‹ãŸãªã„1 ã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã€æœ¬è¨˜äº‹ã§ã¯ç§ãŒå®Ÿéš›ã«ã‚„ã£ã¦ã¿ãŸä¸ã§ 2019å¹´æ™‚ç‚¹ã§ ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã‚‹ã¨åˆ¤æ–ã—ãŸæ•™æã‚„å¦ã³æ–¹ã‚’çš†ã•ã‚“ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚„ã£ãŸã“ã¨ JavaScript MDN ã® JavaScript ã®éƒ¨åˆ†ã‚’èªã‚€ & æ‰‹ã‚’å‹•ã‹ã™ JavaScript Primer ã‚’èªã‚€ YouTube å‹•ç”»ã§ Promise ã‚’å¦ã¶ ãƒ‡ãƒãƒƒã‚°æ–¹æ³•ã‚’å¦ã¶ React React å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’2å‘¨ã™ã‚‹ egghead.io ã®å‹•ç”»ã§ Redux ã‚’å¦ã¶ ãƒ˜ãƒ«ã‚·ãƒ³ã‚å¤§å¦ã®
susue 2019/09/05
react

css
ãƒªãƒ³ã‚¯
æœªä½¿ç”¨CSSã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘ã¦å‰Šé™¤ã™ã‚‹æ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
susue 2019/07/07
css
ãƒªãƒ³ã‚¯
CSS3 Flexbox ã®å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä½¿ã„æ–¹ã‚’ãƒ´ã‚£ã‚¸ãƒ¥ã‚¢ãƒ«ã§è©³ã—ãè§£èª¬ | ã‚³ãƒªã‚¹
CSS Flexboxã¨ã¯æ°´å¹³ã¾ãŸã¯åž‚ç›´ã«è¦ç´ ã‚’é…ç½®ã—ã€æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã§ãã‚‹CSSã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚ä»Šã¾ã§ã‚ˆã‚Šå°‘ãªã„ã‚³ãƒ¼ãƒ‰ã§ã€ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªãƒ—ãƒã‚»ã‚¹ã§å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ CSS Flexboxã®åŸºç¤ŽçŸ¥è˜ã€Flexboxã®å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€Flexboxã§ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‹ã‚’è¦–è¦šçš„ã«è§£èª¬ã—ã¾ã™ã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2022å¹´6æœˆ16æ—¥ã€‘ IEãŒã‚µãƒãƒ¼ãƒˆçµ‚äº†ã—ãŸã“ã¨ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2021å¹´8æœˆ1æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2021å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2020å¹´8æœˆ23æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2020å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ: 2019å¹´3æœˆ27æ—¥ã€‘ Flexboxã®è§£èª¬ã‚’2019å¹´ã®ç¾çŠ¶ã«ã‚ã‚ã›ã¦ã€ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ã‚¢ãƒƒãƒ—
susue 2019/03/03
css

flexbox
ãƒªãƒ³ã‚¯
Honoka - æ—¥æœ¬èªžã‚‚ç¾Žã—ãè¡¨ç¤ºã§ãã‚‹Bootstrapãƒ†ãƒ¼ãƒž
Honokaã¯ã‚ªãƒªã‚¸ãƒŠãƒ«Bootstrapãƒ†ãƒ¼ãƒžã§ã™ Honokaã¯Bootstrapãƒ†ãƒ¼ãƒžã®ä¸€ã¤ã§ã™ãŒã€ä»¥ä¸‹ã®ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Easy to Start Honokaã¯Bootstrapã‚’å…ƒã«è£½ä½œã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€éžå¸¸ã«é«˜ã„äº’æ›æ€§ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«é–¢ã™ã‚‹è¦ç´„ã¯ã»ã¨ã‚“ã©å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚
susue 2017/11/26
bootstrap

CSS

design

Honoka
ãƒªãƒ³ã‚¯
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
susue 2017/06/15
fa-spin

css
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®ç¸¦æ–¹å‘ã®ä¸å¤®æƒãˆã«ã¤ã„ã¦ - Qiita
ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆãŒå…¥ã‚‹å ´åˆã€ç¸¦æ–¹å‘ã®ä¸å¤®ã«æƒãˆãŸã„ã¨ããŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®å ´åˆã©ã®ã‚ˆã†ã«é…ç½®ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®å ´åˆã¯ã€Œvertical-align: middle;ã€ã‚’ä½¿ãˆã°ä¸å¤®ã«æƒãˆã“ã¨ãŒã§ãã‚‹ã®ã§ã™ãŒã€ pã‚¿ã‚°ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚ŒãŸã„å ´åˆã€ ã†ã¾ã„ã“ã¨é…ç½®ã§ããªã„ã“ã¨ãŒã‚ã‚Šã€ ä»Šå›žã¯ã€ç¸¦æ–¹å‘ã®ä¸å¤®æƒãˆã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚
susue 2017/06/14
css

html
ãƒªãƒ³ã‚¯
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
susue 2017/05/21
framework

CSS

UI
ãƒªãƒ³ã‚¯
gulp-sassã¨gulp-postcssã§å¿«é©ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’æ§‹ç¯‰ - Qiita
gulp-sassã¨gulp-postcssã‚’çµ„ã¿åˆã‚ã›ã‚‹ã¨ã€å¿«é©ãªCSSã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¯gulp-sassã§è¡Œã„ã€ãƒã‚¹ãƒˆãƒ—ãƒªã‚»ãƒƒã‚µãƒ¼ã§ã‚ã‚‹gulp-postcssã«ãã®å¾Œã®å‡¦ç†ã‚’é€£æºã•ã›ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ â€»ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯å½“åˆã€Œgulp-sassã¨gulp-cssnextã§å¿«é©ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’æ§‹ç¯‰ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§å…¬é–‹ã—ã¦ã„ã¾ã—ãŸãŒã€gulp-cssnextãŒéžæŽ¨å¥¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãªã‚Šã€PostCSSã‚’ä½¿ã£ãŸã‚„ã‚Šæ–¹ãŒä¸»æµã«ãªã£ã¦ããŸãŸã‚ã€gulp-postcssã‚’ç”¨ã„ãŸå†…å®¹ã«å…¨é¢çš„ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ åŸºç¤ŽçŸ¥è˜ gulp-sassã«ã¤ã„ã¦ gulpã§Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’è¡Œã†npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§ã™ã€‚ libsassã‚’ä½¿ã£ã¦ã„ã‚‹ãŸã‚ã€gulp-ruby-sassã‚„gulp-compassã¨æ¯”ã¹ã¦å‡¦ç†ãŒé«˜é€Ÿã§ã€ Rubyã«ä¾å˜ã—ãªã„ãŸã‚ç’°å¢ƒã®æ§‹ç¯‰ãƒ»å…±æœ‰ãŒã—ã‚„ã™ã„
susue 2017/04/28
gulp

Sass

CSS
ãƒªãƒ³ã‚¯
Bulma: Free, open source, and modern CSS framework based on Flexbox
Learn CSS with ðŸŽ“ online interactive courses,ðŸ“º educational videos, and ðŸ§‘ðŸ»â€ðŸ’»project-building tutorials.
susue 2016/12/21
css

framework

flexbox
ãƒªãƒ³ã‚¯
MUELLER GRID SYSTEM
MUELLER is a modular grid system for responsive/adaptive and nonâ€“responsive layouts, based on Compass. You have full control over column width, gutter width, baselineÂ grid and mediaâ€“queries. One default grid and (if needed) different perâ€“media grids (e.g. large, tablet, handheld). Extend your mediaâ€“grids to preâ€“defined layouts (e.g. a 2-column layout with switched columns). On top of grids and lay
susue 2016/08/20
framework

sass

css
ãƒªãƒ³ã‚¯
Responsive Grid System (CSS Framework)
For Fast, Intuitive Web DevelopmentResponsive Grid Systemmobile first12, 16 & 24 columnclearfix optional gutters1kb compressed box-sizing polyfillrespond.js polyfill  <div class="container row"> <header role="banner" class="row"> <h1 class="col span_4">No Account Casino - Play Without Registration</h1> <h2 class="col span_8">Experience hassle-free gaming with our no account
susue 2016/08/20
framework

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details Â» Not everyone can play with the latest specs, and there will always be edge-cases that require ma
susue 2016/08/20
css

framework

sass
ãƒªãƒ³ã‚¯
Bourbon - A Lightweight Sass Tool Set
Bourbon is a lightweight Sass toolÂ set Latest version: 7.3.0 Dependency-free: Bourbon is pure Sass. Human-readable: We aim for clarity over brevity. Lightweight: Zero output post-install and has no visual opinion. Get Started
susue 2016/08/20
Sass

css

framework

bourbon
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸