[B! WEBåˆ¶ä½œ][bookmark] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

WEBåˆ¶ä½œã¨bookmarkã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ç¬¬1å›žã€€ä»Šã©ãã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¯BootstrapãŒãŠã™ã™ã‚ï¼ | gihyo.jp
æœ¬é€£è¼‰ã§ã¯ã€HTML5ã‚„CSSã®åŸºç¤Žã‚’ç†è§£ã—ã¦ã„ã‚‹æ–¹ã¸å‘ã‘ã¦ã€Bootstrapã®ç‰¹å¾´ã‚„å®Ÿéš›ã®ä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã‘ã‚Œã©ã‚‚ã€Œå®Ÿå‹™æŽ¡ç”¨ã—ãŸã“ã¨ãŒãªã„ã€ã€Œâ ä»•æ–¹ãŒã‚ã‹ã‚‰ãªã„ï¼ã€ã¨ã„ã†æ–¹ã€‚ãã‚“ãªã€Œã‚ãªãŸã€ãŒ1ã¤ä¸Šã®ã‚¹ãƒ†ãƒ¼ã‚¸ã¸é€²ã‚€ãŸã‚ã®ãƒ‘ã‚¹ãƒãƒ¼ãƒˆã§ã™ã€‚Bootstrapã‚’ä½¿ã†ã“ã¨ã§ç°¡å˜ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã€Œã‚¹ãƒžãƒ›å°‚ç”¨ã‚µã‚¤ãƒˆã¯ä½¿ã„ã¥ã‚‰ã„ï¼äºˆç®—ãŒæŽ›ã‹ã‚‹ã€ã¯å¤ã„ æ˜¨å¹´é ƒã‹ã‚‰ã‚¹ãƒžãƒ›å°‚ç”¨ã‚µã‚¤ãƒˆã®ã€Œå¿…è¦èª¬ã€ãŒæºã‚‰ã„ã§ã„ã¾ã™ã€‚ãã®èƒŒæ™¯ã«ã¯ã€å¾“æ¥ã®PCã‚µã‚¤ãƒˆç”¨ã®ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å¿…è¦æœ€ä½Žé™ã®ãƒ‡ãƒ¼ã‚¿ã‚’æŠ½å‡ºã—ãŸå½¢ã§ã€å…¨ãåˆ¥ã‚µã‚¤ãƒˆã¨ã—ã¦ã‚¹ãƒžãƒ›å°‚ç”¨ã‚µã‚¤ãƒˆãŒè¨è¨ˆã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã€Œâ UIãŒå¤‰ã‚ã‚Šã™ãŽã¦ã‚ã‹ã‚‰ãªã„ã€ã€Œâ æƒ…å ±é‡ãŒå°‘ãªã„ãªã©ã®æ¬ ç‚¹ãŒç›®ç«‹ã¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å—ã‘å…¥ã‚Œã‚‰ãªã„ã€ã¨ã„ã£ãŸçŠ¶æ³ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ å‚è€ƒè³‡æ–™ï¼š 8å‰²ä»¥ä¸ŠãŒã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚ç”¨ã‚µã‚¤ãƒˆä¸è¦ã€ã¨å›ž
kana321 2015/02/02
ä»Šã©ãã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¯BootstrapãŒãŠã™ã™ã‚ï¼

Bootstrap

bookmark

webåˆ¶ä½œ

web

ã‚ã¨ã§èªã‚€

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚ã¨ã§è©¦ã™

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»£è¡¨çš„ãª4ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãã®ç‰¹å¾´ã¨ç›¸é•ç‚¹ -Liquidapsive
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Responsiveï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼‰ Adaptiveï¼ˆã‚¢ãƒ€ãƒ—ãƒ†ã‚£ãƒ–ï¼‰ Liquidï¼ˆãƒªã‚ãƒƒãƒ‰ï¼‰ Staticï¼ˆã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ï¼‰ Responsiveï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼‰ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ç•°ãªã‚‹è§£åƒåº¦ã”ã¨ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®šç¾©ã™ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ä¸€è¦‹ã™ã‚‹ã¨ãƒªã‚ãƒƒãƒ‰ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€è¡¨ç¤ºã‚µã‚¤ã‚ºã«å¿œã˜ã¦è¦ç´ ã®å¹…ã®ã‚µã‚¤ã‚ºã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰åŒ–ã—ã¾ã™ã€‚ ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«åˆã‚ã›ãŸä¸€ç¨®ã®ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã‚‹ã¨è€ƒãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Liquidapsive: Responsive Adaptiveï¼ˆã‚¢ãƒ€ãƒ—ãƒ†ã‚£ãƒ–ï¼‰ ã‚¢ãƒ€ãƒ—ãƒ†ã‚£ãƒ–ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ç•°ãªã‚‹è§£åƒåº¦ã”ã¨ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®šç¾©ã™ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¨ã¯ç•°ãªã‚Šã€å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰ãˆã‚‹ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆï¼ˆç’°å¢ƒãƒ»çŠ¶æ³ãƒ»ç›®çš„ãªã©ï¼‰ã«å¿œã˜ã¦è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰
kana321 2014/09/09
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¨ã‚¢ãƒ€ãƒ—ãƒ†ã‚£ãƒ–ã€ãã—ã¦ãƒªã‚ãƒƒãƒ‰ã¨ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»£è¡¨çš„ãª4ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ç‰¹å¾´ã¨ç›¸é•ç‚¹ã‚’å®Ÿä¾‹è¦‹ãªãŒã‚‰å¦ã¶ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç´¹ä»‹

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

bookmark

web

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

seo

Webåˆ¶ä½œ

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

responsive

google
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚„ãƒ‘ãƒãƒ«ã®ä¸Šã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰ä¸Šè¾ºãŒã€ä¸å¤®ãªã‚‰å…¨ä½“ãŒæŠ¼ã•ã‚ŒãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é©ç”¨ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -whichTriangle
ãƒ‘ãƒãƒ«ã‚„ç”»åƒãªã©ä¸€ã¤ã®çŸ©å½¢ã®è¦ç´ ã¯é€šå¸¸ã€çŸ©å½¢å…¨ä½“ãŒä¸€ã¤ã®ãƒ›ãƒƒãƒˆã‚¹ãƒãƒƒãƒˆã§ã™ãŒã€å››è¾ºãã‚Œãžã‚Œã¨ä¸å¤®ã®è¨ˆ5ã¤ã®ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ãƒ›ãƒƒãƒˆã‚¹ãƒãƒƒãƒˆã«ã—ã€ãã‚Œãžã‚Œç•°ãªã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä»•è¾¼ã‚ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†“ã®ã‚ˆã†ã«ã€ä¸å¤®ã ã¨å…¨ä½“ãŒã¸ã“ã¿ã€ä¸Šã ã¨ä¸Šè¾ºãŒå‚¾ãã€å³ãƒ»ä¸‹ãƒ»å·¦ã‚‚ãã‚Œãžã‚Œã®è¾ºãŒå‚¾ãã¨ã„ã£ãŸã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä»•çµ„ã¿ whichTriangle.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»IE8ä»¥ä¸‹ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ™‚ã¯ã€jQueryã¯ 1.7.0ä»¥ä¸‹ã‚’ä½¿ç”¨ã€‚ <head> ... <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="./lib
kana321 2014/07/09
ä¸å¤®ã ã¨å…¨ä½“ãŒã¸ã“ã¿ã€ä¸Šã ã¨ä¸Šè¾ºãŒå‚¾ãã€å³ãƒ»ä¸‹ãƒ»å·¦ã‚‚ãã‚Œãžã‚Œã®è¾ºãŒå‚¾ãã¨ã„ã£ãŸã“ã¨ã‚‚ã§ãã¾ã™

3D

c

jQuery

JS

Chrome

javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

bookmark

Webåˆ¶ä½œ

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®åŸºæœ¬ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã€Webãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸHTML
HTMLã§ã€Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã«å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ v.8.0.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ç¾åœ¨ã®ç’°å¢ƒã«åˆã‚ã›ãŸè¨è¨ˆã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚ IE11ã‚’å«ã‚€ã€ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ HTML5 Boilerplate -GitHub HTML5 Boilerplateã®ç‰¹å¾´ HTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 Boilerplateã®ä½¿ã„æ–¹ HTML5 Boilerplateã®ç‰¹å¾´ HTML5 Boilerplateã¯ã€Webã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®HTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ å®Ÿè·µçš„ãªåŸºæœ¬ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 200äººã‚’è¶…ãˆã‚‹è²¢çŒ®è€…ã«ã‚ˆã‚‹åˆ†æžãƒ»ç ”ç©¶ãƒ»å®Ÿé¨“ã‚’ã‚‚ã¨ã«ã—ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®è¦‹ãˆæ–¹ã‚’æœ€é©åŒ– ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã‚¨ãƒ³ãƒãƒ³ã‚¹
kana321 2014/07/07
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ–ãƒ©ãƒ³ã‚¯ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚

ã‚³ãƒªã‚¹

*HTML

ãŠå½¹ç«‹ã¡

html5

bookmark

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

CSS3

webåˆ¶ä½œ

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
é«˜è§£åƒåº¦ã®ã‚¹ãƒ†ã‚ãªå†™çœŸç´ æãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã€ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ã§åˆ©ç”¨ã§ãã‚‹ã®ã‚‚ä¾¿åˆ© -KaboomPics
å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§ã€ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ã‚„ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆè¡¨è¨˜ãªã©ã®å¿…è¦ã‚‚ç‰¹ã«ãªãåˆ©ç”¨ã§ãã‚‹å†™çœŸç”»åƒãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ŒKaboomPicsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç”»åƒã®ã‚µã‚¤ã‚ºã¯ãã®ã»ã¨ã‚“ã©ãŒ5,000x3,000pxè¶…ã®é«˜è§£åƒåº¦ã§ã€Twitterã®æ–°UIã®èƒŒæ™¯ã‚µã‚¤ã‚º1,500pxãªã‚“ã‹ã‚‚ä½™è£•ã§ã™ã€‚ KaboomPics ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯.jpgã§ã€ã™ã¹ã¦ã®å†™çœŸç”»åƒãŒå€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚è©³ã—ãã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ About ä½¿ç”¨ã—ãŸéš›ã«ã€ãƒªã‚½ãƒ¼ã‚¹å…ƒã¨ã—ã¦è¡¨è¨˜ã—ã¦ãã‚Œã‚‹ã¨å¬‰ã—ã„ãªã€ã¨ã®ã“ã¨ã§ã™ã€‚ å†™çœŸã¯ãƒãƒ¼ãƒ©ãƒ³ãƒ‰ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ’®å½±ã—ãŸã‚‚ã®ã§ã€6ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã‚‰ã‚Œã¦ãŠã‚Šã€300æžšä»¥ä¸Šã‚ã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã«ã€ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
kana321 2014/05/19
å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§ã€ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ã‚„ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆè¡¨è¨˜ãªã©ã®å¿…è¦ã‚‚ç‰¹ã«ãªãåˆ©ç”¨ã§ãã‚‹å†™çœŸç”»åƒãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ŒKaboomPicsã€ã‚’ç´¹ä»‹ã—ã¾ã™

ç´ æ

bookmark

å†™çœŸç´ æ

fashion

ãƒ•ãƒªãƒ¼ç´ æ

å†™çœŸ

ç”»åƒ

webåˆ¶ä½œ

freeware

material
ãƒªãƒ³ã‚¯
[CSS]ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Sassã§ã¤ãã‚‰ã‚ŒãŸ -Simptip
classã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’è¡¨ç¤ºã™ã‚‹æ–¹å‘ã€ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ãŸã‚Šã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ãŸã‚Šãªã©ã€ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å®Ÿè£…ã§ãã‚‹Sassã§ã¤ãã‚‰ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£…ã«ã¯Sassã®çŸ¥è˜ã¯å¿…è¦ãªãã€ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ å·¦ã‹ã‚‰ã€è§’ä¸¸ã€åŠã‚¢ãƒãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã®4ç¨®é¡ž ã“ã‚Œã‚‰ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯classã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã€ç°¡å˜ã«ä½¿ã„åˆ†ã‘ãŒã§ãã¾ã™ã€‚ä»–ã«ã‚‚ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Simptipã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" type="text/css" href="simptip-mini.css" /> </head> Step 2: HTML ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯classã§ã€ä¸èº«ã¯data
kana321 2013/11/08
sass

example

CSS

bookmark

CSS3

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

ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—

webåˆ¶ä½œ

tooltip

library
ãƒªãƒ³ã‚¯
1