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

gigs123 id:gigs123

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

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

5000äººã«èžã„ãŸã€2018å¹´æœ€å…ˆç«¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ãŒä½¿ã£ã¦ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ã“ã‚Œã - Qiita
å…ˆæ—¥Launching the Front-End Tooling Survey 2018ã¨ã„ã†ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»ã‚’å’Œè¨³ã—ã¾ã—ãŸãŒã€ãã®çµæžœãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ä»¥ä¸‹ã¯The Front-End Tooling Survey 2018 - Resultsã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ The Front-End Tooling Survey 2018 - Results ä»Šå¹´3æœˆã®Front-End Tooling Surveyã«ã€5097äººã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã‹ã‚‰å›žç”ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ å‚åŠ ã•ã‚ŒãŸçš†ã•ã‚“ã«ã¯æ„Ÿè¬è‡´ã—ã¾ã™ã€‚ æ¯Žå›žã€èª¿æŸ»ã®ç›®æ¨™ã¯å˜ç´”ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒç¾åœ¨ä»•äº‹ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦å…‰ã‚’å½“ã¦ãŸã„ã®ã§ã™ã€‚ ã©ã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ã€è‡ªåˆ†ã®çŸ¥è˜ã‚„çµŒé¨“ã ã‘ã§åˆ¤æ–ã—ã¦ã—ã¾ã†ã®ã¯æ—©è¨ˆã§ã™ã€‚ ä»¥ä¸‹ã®çµæžœã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ç¾åœ¨ã®å‹•å‘ã‚’æŠŠæ¡ã™ã‚‹ã®ã«å½¹ç«‹
gigs123 2018/05/13
javascript

css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
åŠ¹çŽ‡ã‚ˆãä½œã‚‹ãŸã‚ã«ç§ãŒã—ã¦ã„ã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²æ–¹æ³•
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§çµ„ã‚€äº‹ãŒä¸€èˆ¬çš„ã¨ãªã£ãŸæ˜¨ä»Šã€è¨˜è¿°ã™ã‚‹CSSã®é‡ãŒå¢—ãˆã¦ããŸã®ã§è¤‡æ•°ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã§ç®¡ç†ã™ã‚‹ã“ã¨ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ ã©ã†ã„ã†åŸºæº–ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã™ã‚‹ã‹ã¯ãã‚Œãžã‚Œã§ã™ã—ã€ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã‚‚æ§˜ã€…ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ åŸºæœ¬çš„ã«ã¯ã©ã“ã«ä½•ã®CSSãŒæ›¸ã„ã¦ã‚ã‚‹ã‹ã‚ã‹ã‚‹ã‚ˆã†ãªä»•æ§˜æ›¸ãŒã‚ã‚Šã€åˆ†ã‹ã‚Šã‚„ã™ã‘ã‚Œã°ã©ã‚“ãªåˆ†å‰²ã®ä»•æ–¹ã§ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€è‡ªåˆ†ãŒã‚ˆãã‚„ã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã®åˆ†å‰²ã®æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚ãã¾ã§è‡ªåˆ†ãŒã‚ˆãã‚„ã£ã¦ã‚‹ã‚‚ã®ã§ã™ã®ã§ã€ã“ã†ã„ã†ã‚„ã‚Šæ–¹ã‚‚ã‚ã‚‹ã‚ˆã¨æ•™ãˆã¦ã„ãŸã ã‘ã¾ã™ã¨å¬‰ã—ã„ã§ã™ã€‚ ãªãŠã€èª¬æ˜Žæ–‡ä¸ã«è¨˜è¼‰ã—ã¦ã„ã‚‹CSSã®ãƒ•ã‚¡ã‚¤ãƒ«åã¯è‡ªåˆ†ãŒã‚ˆãä»˜ã‘ã¦ã„ã‚‹åå‰ãªã ã‘ã§ã™ã€‚ åˆ†å‰²ã—ãªã„ åˆ†å‰²ã®è©±ã‚’ã—ã¦ãŠã„ã¦ã„ããªã‚Šä½•ã§ã™ãŒã€åˆ†å‰²ã—ãªã„æ™‚ã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒªã‚»ãƒƒãƒˆã‹ã‚‰å…¨éƒ¨ã¾ã¨ã‚ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸æ•°ãŒå°‘ãªã„ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ãƒšãƒ¼ã‚¸ç‰ã«ä½¿ã£ã¦ã„ã¾ã™ã€‚è¨˜è¿°ã™ã‚‹CSSãŒå°‘ãªãã†
gigs123 2011/08/16
css
ãƒªãƒ³ã‚¯
å¾…æœ›ã®HTML5ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ŒHTML5 Boilerplateã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ç™»å ´ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
HTML5 Boilerplate - A rock-solid default for HTML5 awesome. HTML5 Boilerplateã®æœ€æ–°ç‰ˆã¨ãªã‚‹ã€ŒHTML5 Boilerplate 2.0ã€ãŒå…¬é–‹ã•ã‚ŒãŸã€‚ã€ŒHTML5 Boilerplateã€ã¯HTML5ã‚„CSSã€JavaScriptã«é–¢ã™ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ã¾ã¨ã‚ã‚ã’ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã€‚HTML5 Boilerplateã‚’ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã“ã¨ã§æœ€åˆã‹ã‚‰ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãŒé©ç”¨ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚„ãƒšãƒ¼ã‚¸ã‚’æ§‹ç¯‰ã§ãã‚‹ã¨ã„ã†ç‰¹å¾´ãŒã‚ã‚‹ã€‚ HTML5 BoilerplateãŒç™»å ´ã—ãŸã®ã¯ã¡ã‚‡ã†ã©1å¹´å‰ã¨ãªã‚‹ã€‚é–‹ç™ºãƒãƒ¼ãƒ ã¯1å¹´ã‚’çµŒã¦æœ€æ–°ç‰ˆã‚’å…¬é–‹ã—ãŸã€‚ä¸»ãªå¤‰æ›´ç‚¹ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ reset.cssã®ä½¿ç”¨ã‚’æ¢ã‚ã€normalize.cssã‚’ä½¿ç”¨ã™ã‚‹ã‚ˆã†ã«å¤‰æ›´ã€‚é«˜é€Ÿè»½é‡ã§ã‚ã‚Šã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶æ€§ã®å‘ä¸Šã‚„ã‚ˆã‚Šå„ªã‚ŒãŸãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã¸ã®ã‚»ãƒƒãƒˆãŒå®Ÿæ–½
gigs123 2011/08/16
HTML5

CSS
ãƒªãƒ³ã‚¯
ã©ã‚„ï¼ï¼Ÿã²ã‚ˆã£ã“ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚ã§ãã‚‹Webãƒšãƒ¼ã‚¸é«˜é€ŸåŒ–ï¼éµã¯ã€ŒHTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ•°ã‚’æ¸›ã‚‰ã™ã“ã¨ã€ | ãƒ‡ã‚¶ã‚¤ãƒ³ã©ã‚„ï¼ï¼Ÿ
Webãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼†ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ãƒãƒ£ãƒ¼ãƒˆï¼†ã‚°ãƒ©ãƒ•ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ãƒ“ãƒ‡ã‚ªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã€‚ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã§ã™ã€‚æµ·å¤–ã‚«ã‚¸ãƒŽ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œã¯ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ©ç”¨ã—ã¦æ§˜ã€…ãªæ©Ÿèƒ½ã‚’ä»˜ã‘åŠ ãˆã¦å®Œæˆã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚2012å¹´ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€æ–°ã‚„å€‹åˆ¥ã®ã‚«ã‚¹ã‚¿ãƒ ã«ã‚‚å¯¾å¿œã—ãŸå›½éš›çš„ã§é…åŠ›çš„ãªã‚µã‚¤ãƒˆä½œæˆã«å½¹ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
gigs123 2011/07/15
ã€€é«˜é€ŸåŒ–

Webã‚µã‚¤ãƒˆ

ãƒ†ã‚¹ãƒˆ

css

javascript
ãƒªãƒ³ã‚¯
JavaScriptã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æœ€å°é™ã«ã—åœ§ç¸®ãƒ»ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ -BoxJSã¨BoxCSS
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹è¤‡æ•°ã®JavaScriptã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å°‘ãªãã—ã€åœ§ç¸®ãƒ»ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ [ad#ad-2] è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxJS è¤‡æ•°ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxCSS è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxJS BoxJSã¯ä¸€ã¤ã®JSãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆbox.jsï¼‰ã‚’åˆ©ç”¨ã—ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å¼ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã§è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ BoxJS BoxJSã®ä½¿ã„æ–¹ æœ€åˆã«ã€box.js(1.4kb)ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="http://www.boxjs.com/box.js"></script> ãƒãƒ¼ãƒ‰ã™ã‚‹JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¾ã™ã€‚ Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
gigs123 2011/07/12
css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTMLã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã®æ¥å‹™ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã€€åˆ¤åˆ¥è¡¨ã€€ï¼ˆï¼•æ®µéšŽï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ç›®æ¬¡ã¸ HTMLãŠã‚ˆã³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’åˆ©ç”¨ã—ãŸWebãƒšãƒ¼ã‚¸åˆ¶ä½œã®ï¼Œç°¡æ˜“ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®èª¿æŸ»è¡¨ã€‚å°åˆ·ç”¨ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®ãƒ¬ãƒ™ãƒ«ã‚’æ¸¬å®šã™ã‚‹ã€‚ ã“ã‚Œã¯ï¼Œã€ŒWebãƒšãƒ¼ã‚¸ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ä½œã‚‹äººã€å…¨èˆ¬ã«å½“ã¦ã¯ã¾ã‚‹ã€‚ ãƒ¬ãƒ™ãƒ«ã¯ï¼Œï¼ã‹ã‚‰ï¼”ã¾ã§ã®ï¼•æ®µéšŽã€‚ ï¼ˆï¼ï¼‰ éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ï¼ˆï¼‘ï¼‰ åˆå¦è€…ï¼ˆå…¥é–€æ›¸ã‚’å¦ç¿’ã—ã¦ã‚†ãæ®µéšŽï¼‰ ï¼ˆï¼’ï¼‰ ãƒŽãƒ¼ãƒžãƒ«ï¼ˆåŸºç¤Žçš„ãªçŸ¥è˜ãŒã‚ã‚Šï¼Œã‚ã‚‹ç¨‹åº¦ã®ç”»é¢ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸæ®µéšŽï¼‰ ï¼ˆï¼“ï¼‰ ä¸ç´šè€…ï¼ˆWebã‚¢ãƒ—ãƒªã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ï¼‘äººæœˆã¨ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã§ãã‚‹æ°´æº–ï¼‰ ï¼ˆï¼”ï¼‰ ä¸Šç´šè€…ï¼ˆãƒ¡ã‚¤ãƒ³PG/ãƒ‡ã‚¶ã‚¤ãƒŠã¨ã—ã¦ï¼ŒWeb UIã®ä¸»æ‹…å½“ã‚’ä»»ã›ã‚‰ã‚Œã‚‹æ°´æº–ï¼‰ Webã‚¢ãƒ—ãƒªã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹æ™‚ã«ä½œæ¥æŒ¯ã‚Šåˆ†ã‘ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ï¼Œæ–°è¦ãƒ¡ãƒ³ãƒå…¨å“¡ã«ã“ã‚Œã‚’æ¸¡ã—ã¦å›žç”ã—ã¦ã‚‚ã‚‰ã†ã¨ã„ã†ç”¨é€”ã‚’æƒ³å®šã€‚ ãªãŠï¼Œã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¸Šã®ã‚¹ã‚ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹äº‹ãŒä¸»çœ¼ãªã®ã§ï¼Œã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆï¼ˆ
gigs123 2011/07/04
ã‚¹ã‚ãƒ«

html

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

webåˆ¶ä½œ

css

é–‹ç™º
ãƒªãƒ³ã‚¯
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
gigs123 2011/05/25
css
ãƒªãƒ³ã‚¯
[CSS]ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ -Columnal
è±Šå¯Œãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚ªãƒ—ã‚·ãƒ§ãƒ³ã€æŸ”è»Ÿãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ç”¨ã®ç´ æãªã©è‡³ã‚Œã‚Šå°½ãã›ã‚Šã€ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚°ãƒªãƒƒãƒ‰ã‚’æŽ¡ç”¨ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Columnal A responsive CSS grid system helping desktop and mobile browsers play nicely together. [ad#ad-2] Columnalã®ç‰¹å¾´ ãƒšãƒ¼ã‚¸ã®æ§‹é€ ãŒã©ã®ã‚ˆã†ã«æ§‹ç¯‰ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã®ãƒ‡ãƒãƒƒã‚°ç”¨CSS è±Šå¯Œãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚ªãƒ—ã‚·ãƒ§ãƒ³ï¼ˆã‚µãƒ–ã‚«ãƒ©ãƒ ï¼‰ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å‰å¾Œã«ã‚«ãƒ©ãƒ ã‚’æŽ¥ç¶šå¯èƒ½ åž‚ç›´æ–¹å‘ã®ã‚¹ãƒšãƒ¼ã‚¹ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ« ã‚°ãƒªãƒƒãƒ‰ã®ã‚·ã‚¹ãƒ†ãƒ ã®PDF ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ Columnalã®ãƒ‡ãƒ¢ ã‚°ãƒªãƒƒãƒ‰ã¯ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã§ã€ã‚µã‚¤ã‚ºã¯1140pxã§ã™ã€‚IE6-8ã§ã¯å›ºå®šã•ã‚Œã¾ã™ã€‚
gigs123 2011/05/24
css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ninjaui.com
gigs123 2011/05/23
JavaScript

CSS

html

UI
ãƒªãƒ³ã‚¯
Skeleton Sample
Skeletonã¨ã¯ Skeletonã¯ã€iPhoneã‚„iPadãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæœ€é©åŒ–ã•ã‚Œã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã§ã™ã€‚å†…å®¹ã¯HTMLã€JSã€CSSã¨éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€‚JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¯jQueryãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚CSSã¯ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œã§ã™ã€‚ 3ã¤ã®ç‰¹å¾´ ãƒ¢ãƒã‚¤ãƒ«ã§ã‚‚ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ: ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã«ã‚¹ã‚±ãƒ¼ãƒªãƒ³ã‚°ã—ã¦ãã‚Œã¾ã™ ç´ æ—©ãå§‹ã‚ã‚‰ã‚Œã‚‹: é€Ÿæ”»ã§åˆ¶ä½œå‡ºæ¥ã‚‹ã‚ˆã†ãªè¨è¨ˆã¨ãªã£ã¦ã„ã¾ã™ ã‚¹ã‚¿ã‚¤ãƒ«éžä¾å˜åž‹: ç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¨è¨ˆã—ã¦ã„ã¾ã™ãŒã€è²´æ–¹ã®å¥½ããªã‚ˆã†ã«ä¸Šæ›¸ãã§ãã¾ã™ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ & ã‚µãƒãƒ¼ãƒˆ Skeletonã‚’åŠ¹çŽ‡ã‚ˆãåˆ©ç”¨ã™ã‚‹ãŸã‚ã«ã¯www.getskeleton.com.ã‚’å¾¡è¦§é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Skeletonã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ã€githubã«ã‚‚ç½®ã„ã¦ã‚ã‚Šã¾ã™ã®ã§ã€ãƒã‚°å ±å‘Šç‰ã¯ã“ã¡ã‚‰ã‚ˆã‚ŠãŠé¡˜ã„ã—ã¾ã™ã€‚ã¾
gigs123 2011/05/20
Skeleton

html

css

ipad
ãƒªãƒ³ã‚¯
AlloyUI
âš ï¸ AlloyUI is deprecated and only critical patches will be released in the future. See blog for more Simply Powerful Robust UI tools at your fingertips. AlloyUI is a framework built on top of YUI3 (JavaScript) that uses Bootstrap (HTML/CSS) to provide a simple API for building high scala ble applications. Download Fork 1 - Copy and paste First load the seed and CSS files. <script src="https://cdn.a
gigs123 2011/05/19
html

UI

css

css3
ãƒªãƒ³ã‚¯
LESSã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ ã€ŒLESS.jsã€ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ ã“ã®è¨˜äº‹ã®æƒ…å ±ã¯å¤ããªã£ã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã®Lessã¯Rubyã§ã¯ãªãJavaScriptãƒ™ãƒ¼ã‚¹ã‚’åŸºæœ¬ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ LESS â€“ Leaner CSS LESSã¨ã„ã†ã®ã¯CSSã‚’ã‚ˆã‚Šä¾¿åˆ©ã§ã‚¹ãƒžãƒ¼ãƒˆãªè¨˜æ³•ã«æ‹¡å¼µã™ã‚‹ç‚ºã®Ruby ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ãŒã€ ãã®JavaScriptç‰ˆãŒé–‹ç™ºã•ã‚Œã¦ã„ã‚‹æ¨¡æ§˜ã§ã™ã€‚ LESSã£ã¦ãªãã« LESS â€“ Leaner CSS ã¾ãšã¯LESSã«ã¤ã„ã¦è»½ããƒ¡ãƒ¢ã€‚ LESSã¯CSSã«æ§˜ã€…ãªæ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ç‚ºã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ å¤‰æ•°ã‚’æ‰±ã£ãŸã‚Šã€é–¢æ•°ã®ã‚ˆã†ãªè¨˜è¿°ã‚’ã—ãŸã‚Šã€ãƒ—ãƒãƒ‘ãƒ†ã‚£å†…ã§è¨ˆç®—ã—ãŸã‚Šâ€¦ ã•ã‚‰ã«ã¯ã€ç„¡é§„ã®ãªã„ã‚ˆã†ã«æœ€é©åŒ–ã‚’æ–½ã—ã¦ãã‚Œã¾ã™ã€‚ãªã‚“ã¨ã„ã†æ„›ã€‚ Rubyç‰ˆã®è©³ã—ã„å°Žå…¥æ–¹æ³•ã¨è¨˜æ³•ã¯åˆ¥è¨˜äº‹ã‚’è¦‹ã¦ã„ãŸã ãã¨ã—ã¦ã€ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ãã€‚ é‡è¤‡ã—ãŸè¨˜è¿°ã‚’ã—ãªãã¦æ¸ˆã‚€ã‚ˆã†ã«ãªã‚Šã¾ã™ã—ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä¸€
gigs123 2011/05/18
css

javascript
ãƒªãƒ³ã‚¯
[CSS]ã€Œ:beforeã€ã€Œ:afterã€ã§ã‚¿ãƒ–ã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’å¼·åŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Flared Borders with CSS ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ â€»ä¸Šï¼šãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’å¼·åŒ–ã—ãŸã‚¿ãƒ–ã€ä¸‹ï¼šæ—§å¼ã®ã‚¿ãƒ– [ad#ad-2] å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€Œ:beforeã€ã€Œ:afterã€ã¯CSS2ã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã«è§’ä¸¸ãªã©ã®CSS3ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€CSS3å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆFirefox, Chrome, Safari, IE9ï¼‰ã§ã”è¦§ãã ã•ã„ã€‚ HTML ãƒªã‚¹ãƒˆè¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã€å®Ÿè£…ã—ã¾ã™ã€‚ <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> CSSï¼šã‚¿ãƒ–ã®ãƒ™ãƒ¼ã‚¹ ã‚·ãƒ³ãƒ—ãƒ«ãªè§’ä¸¸
gigs123 2011/05/17
css

CSS3

webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
SASSã§CSSã‚’ã‚¯ãƒ¼ãƒ«ã« | Ext Japan Blog
ã“ã®è¨˜äº‹ã¯6/29ã«æŽ²è¼‰ã•ã‚ŒãŸã€ŒGetting Sassy with CSSã€ã‚’è¨³ã—ãŸã‚‚ã®ã§ã™ï¼ˆç¿»è¨³ï¼š@taka_2ï¼‰ Sencha Touchã®é–‹ç™ºã‚’å§‹ã‚ãŸé ƒã€Sencha Touchã®ãƒ†ãƒ¼ãƒžã¯ç¾Žã—ã„ã ã‘ã§ã¯ãªãã€æŸ”è»Ÿã§ã€è¨˜è¿°ãŒç°¡å˜ã§ã€ãã—ã¦è§£åƒåº¦ã«ä¾å˜ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã€CSS3ã®ä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã—ã¦SASSã‚’ä½¿ã†ã“ã¨ã‚’æ±ºå®šã—ã¾ã—ãŸã€‚SASSã¯ã€Syntactically Awesome Stylesheetsã®ç•¥ã§ã€ã“ã‚Œã¾ã§ã®CSSã«ã€ãƒã‚¹ãƒˆãƒ«ãƒ¼ãƒ«ã€å¤‰æ•°ã€Mixinï¼ˆé–¢æ•°ã«ä¼¼ãŸã‚‚ã®ï¼‰ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®ç¶™æ‰¿ã€ã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’åŠ ãˆã¦ã„ã¾ã™ã€‚SASSã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€ã‚µã‚¤ãƒˆã¸é…ç½®ã•ã‚Œã‚‹å‰ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã•ã‚Œã‚‹ã®ã§ã€æœ€é©åŒ–ã®æ–°ãŸãªä½™åœ°ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚SASSã¨ã„ã†ã®ã¯ã€ã¤ã¾ã‚Šã€2099å¹´é ƒã®CSSã‚’å…ˆå–ã‚Šã—ãŸã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æŸ”è»Ÿã«å¤‰æ›´å¯èƒ½ãªãƒœã‚¿ãƒ³ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ç¤ºã—ãªãŒã‚‰ã€Sen
gigs123 2011/05/17
SASS

CSS
ãƒªãƒ³ã‚¯
Getting Started - æ—¥æœ¬Hamlã®ä¼š
Haml/Sassã‚’Railsã§ä½¿ã„å§‹ã‚ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚Haml 2.0.9ã€Rails 2.2.2ã‚’å¯¾è±¡ã«ã—ã¦ã„ã¾ã™ã€‚ Hamlã¨Sassã®ç°¡å˜ãªèª¬æ˜Ž Hamlã¯HTMLã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚èªã¿ã‚„ã™ãæ›¸ãã‚„ã™ã„ã€ç°¡æ½”ãªè¨˜æ³•ã‚’ç‰¹å¾´ã¨ã—ã¦ã„ã¾ã™ã€‚ Sassã¯CSSã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã§ã™ã€‚æœ¬æ¥ã®CSSã§ã¯ä¸å¯èƒ½ãªæ§‹é€ åŒ–è¨˜è¿°ã€å®šæ•°ã®ä½¿ç”¨ã€ç®—è¡“æ¼”ç®—ãªã©ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ Haml/Sassã®ã‚ªãƒªã‚¸ãƒŠãƒ«å®Ÿè£…ã¯Hampton Catlinã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã®ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ³ãƒ†ãƒŠã¯Nathan Weizenbaum ã§ã™ã€‚Haml/Sassã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯GitHubã‹ã‚‰å…¥æ‰‹ã§ãã¾ã™ã€‚ Haml/Sassã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ gemã‚³ãƒžãƒ³ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚Sassã¯Hamlã«å«ã¾ã‚Œã¦ã„ã¾ã™ (å˜ç‹¬ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¯ã‚ã‚Šã¾ã›ã‚“)ã€‚ $ ge
gigs123 2011/05/17
SASS

css

ruby
ãƒªãƒ³ã‚¯
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
gigs123 2011/05/17
ã€€èª¿æŸ»

SASS

saas

css
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã§æ›¸ã‹ã‚ŒãŸHTMLã‚’ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€
ã¨ã‚ã‚‹ç†ç”±ã‹ã‚‰ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLã‚’ã€ç¶ºéº—ã«CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã•ã›ãŸã„ã¨ã„ã†ã¨ãã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ã“ã‚Œã‚’æ‰‹ä½œæ¥ã§é€²ã‚ã‚‹ã®ã¯ã¨ã¦ã‚‚æ‰‹é–“ãŒã‹ã‹ã‚Šã€ï¼ã‹ã‚‰ä½œã‚Šç›´ã—ãŸã»ã†ãŒé€Ÿã„ã“ã¨ãŒã»ã¨ã‚“ã©ã€‚ ä»Šå›žã¯ã€ãã‚“ãªã¨ãã«ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ çµ„ç¹”ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ãƒ„ãƒ¼ãƒ«ã‚’ãƒžã‚¤ãƒ³ãƒ‰ãƒžã‚¤ã‚¹ã‚¿ãƒ¼ã«ã™ã¹ãç†ç”± ä¼¸ã³ã¦ã‚‹ç”£æ¥ã€ä¼šç¤¾ã€äº‹æ¥ã‚’ç´¹ä»‹ã—ã¾ãã‚‹Strainerã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ¬ã‚¿ãƒ¼ã«ç™»éŒ²!! ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã®HTMLã‚’CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€ ã€ŒCascaderã€ã¯ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€ä¸€ç™ºã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã—ã¦ãã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€‚ ã²ã¨ã¤ã²ã¨ã¤åˆ†è§£ã—ãªãã¦ã‚‚ã€HTMLã‚’ã‚³ãƒ”ãƒšã™ã‚‹ã ã‘ã§åˆ†å‰²ã§ãã¦ã—ã¾ã†ã®ãŒéžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ HTMLã‚¿ã‚°ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§åˆ†å‰² â†‘ãŸã¨ãˆã°ã€ç”»åƒã®ã‚ˆã†ã«ã‚¤
gigs123 2011/05/04
css

html

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
[CSS]æœ€è¿‘ã®ã‚¦ã‚§ãƒ–æ§‹ç¯‰ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -The 1140px Grid
1280pxä»¥ä¸Šã®å¤§ããªãƒ¢ãƒ‹ã‚¿ãƒ¼å¯¾å¿œã€iPhoneãªã©ã®ã‚¹ãƒžãƒ›å¯¾å¿œã€å˜èª¿ã«ãªã‚ŠãŒã¡ãªã‚°ãƒªãƒƒãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€IE6ã¸ã®é…æ…®ãªã©ã€æœ€è¿‘ã®ã‚¦ã‚§ãƒ–æ§‹ç¯‰ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The 1140px Grid Â· Fluid down to mobile [ad#ad-2] ä»¥å‰ã€Twitter(@colisscom)ã§ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã‚ˆã†ãªã®ã§ã€æ”¹ã‚ã¦ãƒ–ãƒã‚°ã§ã”ç´¹ä»‹ã€‚ The 1140px Gridã¯ã€1280ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã«ã¯1140pxã®ã‚°ãƒªãƒƒãƒ‰ã€ã‚¹ãƒžãƒ›ãªã©ã®ãã‚Œã‚ˆã‚Šå°ã•ã„ãƒ¢ãƒ‹ã‚¿ãƒ¼ã«ã¯ãã®å¹…ã«å¯å¤‰ã—ãŸãƒªã‚ãƒƒãƒ‰ã‚¿ã‚¤ãƒ—ã®ã‚°ãƒªãƒƒãƒ‰ã‚’æä¾›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ä¸‹è¨˜ã«ãã®ç‰¹å¾´çš„ãªãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1140pxã§12ã‚«ãƒ©ãƒ ã‚’æŽ¡ç”¨ã—ãŸç†ç”± 12ã¨ã„ã†æ•°å—ã¯éžå¸¸ã«ä¾¿åˆ©ã§ã€äºŒç‰åˆ†ã€ä¸‰ç‰åˆ†ã€å››ç‰åˆ†ã€å…ç‰åˆ†ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€
gigs123 2011/04/25
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ç”»é¢æ“ä½œã™ã‚‹CSS3 3Dã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€ŒCSS 3D Slideshow | Hakim El Hattabã€ï½œBLACKFLAG
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦æž å…¨ä½“ã‚’ä½¿ã£ã¦CSS3ã§3Dã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å±•é–‹ã™ã‚‹ã€ŒCSS 3D Slideshowã€ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ¼”å‡ºã«åŠ ãˆã¦ã€ç”»é¢æ“ä½œã‚‚ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰è¡Œã†ãªã© UIéƒ¨åˆ†ã«ã¤ã„ã¦ã‚‚ãŠã‚‚ã—ã‚ã‹ã£ãŸã®ã§ãƒ¡ãƒ¢æ›¸ãã—ã¦ãŠãã¾ã™ã€‚ â‰«CSS 3D Slideshow | Hakim El Hattab â‰«ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ï¼šCSS 3D Slideshow CSS3 transf ormã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯Safariã§ã”ç¢ºèªãã ã•ã„ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ç”»é¢ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®å·¦å³ã€Œâ†ã€ã€Œâ†’ã€ã‚ãƒ¼ã§æ“ä½œã—ã¾ã™ã€‚ é€”ä¸ã€ç”»é¢ã«ã€Œâ†“ã€ãŒå‡ºã¦ããŸãƒšãƒ¼ã‚¸ã§ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ä¸‹ã‚’æŠ¼ã™ã“ã¨ã§ ç”»é¢ãŒé·ç§»ã—ã¾ã™ã€‚ é·ç§»ã™ã‚‹éš›ã«ã¯3DåŠ¹æžœãŒã¤ã„ãŸå›žè»¢ã«ã‚ˆã£ã¦ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã€ ç”»é¢å…¨ä½“ãŒç«‹ä½“çš„ã«è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§æ“ä½œã™ã‚‹ã¨ã„ã£ãŸéƒ¨åˆ†ã‚‚ãŠã‚‚ã—ã‚ãã€ä»Šå¾Œã®å‚è€ƒã«ãªã‚Šãã†ã§ã™ã€‚ ã”å‚è€ƒã¾ã§ã«ã€‚ã€‚ã€‚
gigs123 2011/04/25
ã‚ãƒ¼ãƒœãƒ¼ãƒ‰

css

CSS3
ãƒªãƒ³ã‚¯
ã„ã‚ã‚“ãªHTML5 canvasã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’è©¦ã—ã¦ã¿ãŸ
TFujinami codes (jsdo.it) çã—ãã¨ã„ã†ã‹åˆã‚ã¦ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚¯ãƒªãƒƒãƒ—ã§ã¯ãªãã‚ªãƒªã‚¸ãƒŠãƒ«ã§æ›¸ãã¾ã™ã€‚ EaselJSã‚„Guryãªã©å¹¾ã¤ã‹ã®HTML5 canvasã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ©ãƒ³ãƒ€ãƒ ã§ç·šã€å››è§’ï¼ˆé•·æ–¹å½¢ï¼‰ã€ä¸¸ï¼ˆæ¥•å††ï¼‰ã‚’æç”»ã—ã¾ã™ã€‚ç”»é¢ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆã®jsdo.itã§ã™ã¹ã¦å…¬é–‹ã—ã¦ã‚ã‚Šã¾ã™ã€‚ - EaselJS (è¨˜äº‹) - Gury (è¨˜äº‹) - oCanvas (è¨˜äº‹) jsdo.itä¸Šã§ã¯å‹•ä½œã—ãªã„ã®ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ - jCanvaScript (è¨˜äº‹) - CasualJS (è¨˜äº‹) 4/27è¿½åŠ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ä½Žã—ã€ä½¿ã„æ–¹ãŒé–“é•ã£ã¦ã„ã‚‹ï¼Ÿ - jCanvas (è¨˜äº‹) 5/20è¿½åŠ - Processing.js (è¨˜äº‹) 5/24è¿½åŠ - LibCanvas (è¨˜äº‹) 6/8è¿½åŠ Ell
gigs123 2011/04/25
HTML5

canvas

SVG

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

html

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