[B! css] eternal-shiningã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

eternal-shining id:eternal-shining

cssã«é–¢ã™ã‚‹eternal-shiningã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

ä»ŠGoogleã§æœ€ã‚‚ç†±ã„ã‚µãƒ¼ãƒ“ã‚¹Firebaseã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã‚¢ãƒ—ãƒªã‚’ã‚µã‚¯ãƒƒã¨ä½œã£ã¦ã¿ãŸ | PLAID engineer blog
ã¿ãªã•ã‚“ã€ã”ãã’ã‚“ã‚ˆã†ã€‚ãƒ—ãƒ¬ã‚¤ãƒ‰ã®@akobaã§ã™ã€‚ ãƒ—ãƒ¬ã‚¤ãƒ‰ã§ã¯CXãƒãƒ¼ãƒ ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã®æ©Ÿèƒ½é–‹ç™ºã€ãªã‚‰ã³ã«å¼Šç¤¾ã®ã‚¦ã‚§ãƒ–æŽ¥å®¢ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ KARTEã§æä¾›ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€KARTEã§ã§ãã‚‹ã“ã¨ã‚’åºƒã’ã‚‹è©¦ã¿ã®ä¸€ç’°ã¨ã—ã¦ã€Firebaseã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦Webã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã„ãã¤ã‹ä½œã£ã¦ã¿ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§å±¥æ´ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ï¼ã‚³ãƒ¡ãƒ³ãƒˆæ©Ÿèƒ½ã€ä»Šã“ã®è¨˜äº‹ã‚’xxäººãŒè¦‹ã¦ã„ã¾ã™ã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ é€šå¸¸ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªå‘ã‘ã¨ã—ã¦ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã„Firebaseã§ã™ãŒã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚è‰²ã€…ã¨é¢ç™½ã„ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒçš†ã•ã‚“ã®é–‹ç™ºã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ç›®æ¬¡Firebaseã¨ã¯Firebaseã«ãƒ‡ãƒ¼ã‚¿ã‚’è²¯ã‚ã¦ã„ããƒšãƒ¼ã‚¸å†…ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æƒ…å ±ã‚’å…±æœ‰ã™ã‚‹ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æ©Ÿèƒ½ã‚’ä½¿ã†KA
eternal-shining 2016/09/29
X as a Service

JavaScript

CSS
ãƒªãƒ³ã‚¯
Scrapy + Scrapy Cloudã§å¿«é©Pythonã‚¯ãƒãƒ¼ãƒ«+ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ©ã‚¤ãƒ•ã‚’é€ã‚‹ - Gunosyãƒ‡ãƒ¼ã‚¿åˆ†æžãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ãƒ¼ã‚¿åˆ†æžéƒ¨ã®ä¹…ä¿ (@beatinaniwa) ã§ã™ã€‚ ä»Šæ—¥ã¯ç¾©å‹™æ•™è‚²ã§æ•™ãˆã¦ã‚‚è‰¯ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã‚ˆãæ€ã†Webã‚¯ãƒãƒ¼ãƒ«ã¨ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã®è©±ã§ã™ã€‚ ç§è‡ªèº«ã€æ—¥é ƒã¯ç¤¾å†…ã«è“„ç©ã•ã‚Œã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹è¨˜äº‹ãƒ‡ãƒ¼ã‚¿ã‚„è¡Œå‹•ãƒã‚°ã‚’SQLã‚„Pythonã‚’ä½¿ã£ã¦å–å¾—ãƒ»åˆ†æžã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€Webä¸Šã«ã‚ã‚‹å¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦åˆ†æžã«å½¹ç«‹ã¦ãŸã„ã¨ã„ã†ã‚·ãƒ¼ãƒ³ã¯ã¾ã¾ã‚ã‚Šã¾ã™ã€‚ å˜ç‹¬ã®ãƒšãƒ¼ã‚¸ã‚’ã‚¬ãƒªã‚¬ãƒªã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ãŸã„ã¨ããªã©ã¯ã€ä¸‹ã®1å¹´åŠãã‚‰ã„å‰ã®ä¼šç¤¾ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«æ›¸ã„ãŸã‚ˆã†ãªæ–¹æ³•ã§ã‚„ã£ã¦ã„ã‘ã°è‰¯ã„ã‚“ã§ã™ãŒã€ã„ãã¤ã‚‚ã®éšŽå±¤ã«ã‚ã‹ã‚ŒãŸãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚„ã‚°ãƒ«ãƒ¡ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚’åŠ¹çŽ‡ã‚ˆãã‚¯ãƒãƒ¼ãƒ«+ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã™ã‚‹ãŸã‚ã«ã¯ã€ãã‚Œã«é©ã—ãŸãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã®ãŒã™ã”ãä¾¿åˆ©ã§ã™ã€‚ qiita.com ãã“ã§Pythonç”¨ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Scrapyã®ç™»å ´ã§ã™ã€‚ Scrapy | A Fast
eternal-shining 2016/08/19
Python

CSS

SQL
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã—ãã¿: æœ€æ–°ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®å†…éƒ¨æ§‹é€ - HTML5 Rocks
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
eternal-shining 2016/08/10
CSS

HTML

Firefox
ãƒªãƒ³ã‚¯
Reactãƒãƒ³ã‚ºã‚ªãƒ³ã‚’ä¸»å‚¬ã—ã¾ã—ãŸ - ãƒ ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚€ã‚ã§ã™ã€‚ å…ˆæ—¥ã€Reactãƒãƒ³ã‚ºã‚ªãƒ³ã¨ã„ã†å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ ã‚„ã‚‹ã“ã¨ã«ãªã£ãŸçµŒç·¯ ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã‹ã‚‰â€¦ã€ã‚’è¨€ã„è¨³ã«ã—ã¦Reactæ›¸ã‹ãªã„(å…·ä½“çš„ã«è¨€ã†ã¨ã€JSXã¯æ›¸ãã‘ã©propsã¨ã‹stateã¨ã‹ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«ãŠä»»ã›ã™ã‚‹)ã¨ã„ã†ä»•äº‹ã‚¹ã‚¿ã‚¤ãƒ«ã«é™ç•Œã‚’æ„Ÿã˜ã¦ã„ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€å®Ÿå‹™ã§ReactçµŒé¨“ãŒã‚ã£ã¦æ•™ãˆã¦ãã‚Œãã†ãªã²ã¨( ãŠãŠãã•ã‚“ãƒ»ã‚‚ã‚ã¿ãƒ¼ã•ã‚“ )ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒå‡ºæ¥ãŸã‹ã‚‰ã§ã™ã€‚ ã€Œã‚ãŸã—ã«Reactæ•™ãˆã¦ãã ã•ã„ã€‚ã‚ã€ã¦ã„ã†ã‹ã›ã£ã‹ããªã®ã§ã¤ã„ã§ã«ä»–ã«ã‚‚æ•™ã‚ã‚ŠãŸã„äººã‚’å‘¼ã³ã¾ã—ã‚‡ã†ã‹ã€20äººãã‚‰ã„ã€‚ã€ ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ å½“æ—¥ã¾ã§ã«ã‚„ã£ãŸã“ã¨ ã‚ãã¾ã§ã€ã‚ãŸã—ã‚‚ç”Ÿå¾’ã®æ°—æŒã¡ãªã®ã§å½“æ—¥ã¾ã§ã¯ã‚ãˆã¦äºˆç¿’ã—ã¦ã„ã‹ãªã„ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸã€‚ ãªã®ã§ã€æº–å‚™ã¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿæ–½ã™ã‚‹ãŸã‚ã®ã„ã‚ã„ã‚ã§ã™ã€‚ ã“ã‚Œã¾ã§å‹‰å¼·ä¼šã¯å‚åŠ ã™ã‚‹ã‚µã‚¤ãƒ‰ã ã£ãŸã®ã§ã©ã‚“ãªã‚‚ã®ã‚’æº–å‚™ã—ãŸã‚‰ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã
eternal-shining 2016/08/09
React.js

CSS
ãƒªãƒ³ã‚¯
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§èª°ã§ã‚‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ãŒã§ãã‚‹EdTechã‚µãƒ¼ãƒ“ã‚¹ç·ã¾ã¨ã‚ï¼ˆ2013å¹´ç‰ˆï¼‰ï¼šGREAT GEEKSï¼šã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–ãƒ»ãƒ–ãƒã‚°
ä»Šå¹´ã‚‚æ—©ã„ã‚‚ã®ã§æ®‹ã™ã¨ã“ã‚ã‚ãšã‹ã¨ãªã‚Šã¾ã—ãŸãã€‚2013å¹´ã«æ³¨ç›®ã‚’æµ´ã³ã‚‹ã‚ˆã†ã«ãªã£ãŸEdTechã¨ã„ã†è¨€è‘‰ã§ã™ãŒã€ITã‚’æ´»ç”¨ã—ãŸå¦ã³ã®å¯èƒ½æ€§ãŒã©ã‚“ã©ã‚“å¤§ãããªã£ã¦ãã¦ãŠã‚Šã€ä»¥å‰ã‚ˆã‚Šã‚‚å¹…åºƒã„å†…å®¹ã‚’å¦ã¶ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã“ã§ä»Šæ—¥ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã¦ã€å›½å†…å¤–å•ã‚ãšãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§èª°ã§ã‚‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ãŒã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ç·ã¾ã¨ã‚ â—†æ—¥æœ¬ã®ã‚µãƒ¼ãƒ“ã‚¹ 1.ç„¡æ–™å‹•ç”»ã§å‹‰å¼·ã§ãã‚‹ã€Žãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯åˆå¿ƒè€…å‘ã‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã§ã€åŸºæœ¬çš„ã«å…¨ã¦ç„¡æ–™ã§è¦‹æ”¾é¡Œã®ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ãƒ“ãƒ‡ã‚ªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒ1000æœ¬ä»¥ä¸Šã‚ã‚Šã€åˆå¿ƒè€…ã§ã‚‚æŒ«æŠ˜ã—ã«ãã„ã‚ˆã†ã«æ•°åˆ†ã»ã©ã®å‹•ç”»ã«åŒºåˆ‡ã£ã¦ã‚ã‚Šã¾ã™ã€‚ç§è‡ªèº«ã‚‚æ—¥é ƒæ„›ç”¨ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ï¼‘ã¤ã§ã€HTMLã€CSSã€JavaScriptãªã©ã®webè¨€èªžã‹ã‚‰Objective-Cãªã©ã®ã‚¢ãƒ—ãƒªé–‹
eternal-shining 2014/02/07
å‹‰å¼·

å¦ç¿’

javascript

css
ãƒªãƒ³ã‚¯
CSS(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)ã®åŸºæœ¬ã€å°æŠ€ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç·ã¾ã¨ã‚
CSSã®åŸºæœ¬ã‚„ä½¿ãˆã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’å¹…åºƒãã¾ã¨ã‚ã¾ã—ãŸã€‚ä»¥å‰æ›¸ã„ã¦ä»Šã‚‚ãã“ãã“ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã‚‹ã€ŒCSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚‹ã®ã§ã™ãŒã€2å¹´è¿‘ãå‰ã®è¨˜äº‹ã§ã™ã—ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã•ã›ã¦ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ æã‚‰ãéŽåŽ»æœ€é•·ã®è¨˜äº‹ã§ã™ã®ã§ç›®æ¬¡ã‚’ä½œã‚Šã¾ã—ãŸã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã™ã‚‹ã‚Šã¨ç§»å‹•ã—ã¾ã™ã€‚åŸºæœ¬çš„ãªå†…å®¹ãŒå¤šã„ã§ã™ãŒã€ãŠå½¹ã«ç«‹ã¤é …ç›®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§é †ç•ªã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ 1. å…¨èˆ¬çš„ãªã“ã¨ 1-1. CSSãƒªã‚»ãƒƒãƒˆ ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ç•°ãªã£ã¦ã„ã¾ã™ã€‚ãã®é•ã„ã‚’ãã®ã¾ã¾ã«ã—ã¦ãŠãã¨ã€å¾Œã§ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®è¡¨ç¤ºã®é•ã„ã«æ‚©ã‚€ã“ã¨ã«ãªã‚Šã€ã©ã“ãŒåŽŸå› ã‹åˆ†ã‹ã‚‰ãªã„ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªã“ã¨ã®ãªã„ã‚ˆã†ã«ã€ã„ã£ãŸã‚“ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã—ã¦ã—ã¾ãŠã†ã¨ã„ã†ã®ãŒãƒªã‚»ãƒƒãƒˆCSSã§ã™ã€‚ æ–¹æ³•ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€å€‹äººçš„ã«ã¯ä¸€ç•ª
eternal-shining 2013/03/26
css

webåˆ¶ä½œ

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS4ã‚»ãƒ¬ã‚¯ã‚¿ (Selectors Level 4) ã®æ–°æ©Ÿèƒ½
2018-08-01æ›´æ–°ï¼šã™ã£ã‹ã‚Šå¤ããªã£ã¦ã—ã¾ã£ãŸã“ã¨ã‚‚ã‚ã‚Šå‰Šé™¤ã—ã¾ã™ã€‚å…¬é–‹ã•ã‚Œã¦ã„ãŸæ–‡ç« ã‚’èªã¿ãŸã„å ´åˆã¯ã€GitHubã®å±¥æ´ã‚’ãŠèªã¿ãã ã•ã„ã€‚ã‚»ãƒ¬ã‚¯ã‚¿ Level 4ä»•æ§˜ ã®æ©Ÿèƒ½ã‚’çŸ¥ã‚ŠãŸã„å ´åˆã¯ã€ä»•æ§˜æ›¸ã‚‚ã—ãã¯æœ‰å¿—ã«ã‚ˆã‚‹æ—¥æœ¬èªžè¨³ã‚’ã”è¦§ãã ã•ã„ã€‚
eternal-shining 2011/09/30
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚ãšã‹12å€‹ã®classåã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -StackLayout
IE6ã‚’ã¯ã˜ã‚ã€iPhone, iPadã«ã‚‚å¯¾å¿œã—ãŸã€å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚åˆ©ç”¨ã§ãã‚‹å®Ÿç”¨çš„ã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ StackLayout ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šBasic Mockup [ad#ad-2] StackLayoutã®ä¸»ãªç‰¹å¾´ StackLayoutã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ‡ãƒã‚¤ã‚¹ StackLayoutã§ä½¿ç”¨ã™ã‚‹12å€‹ã®classå StackLayoutã®ãƒ‡ãƒ¢ StackLayoutã®ä½¿ã„æ–¹ StackLayoutã®ä¸»ãªç‰¹å¾´ ã‚ãšã‹12å€‹ã®classåã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç®¡ç† classåã¯ã€ç°¡å˜ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªã‚‚ã®ã«å¤‰æ›´å¯èƒ½ ãƒã‚¹ãƒˆã®åˆ¶é™ã¯ç„¡ã— floatã®ã‚¯ãƒªã‚¢ç„¡ã—ã§ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ¨ªåˆ—ã«ç°¡å˜ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒå¯èƒ½ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã§ã€å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œ å„ã‚«ãƒ©ãƒ ã®æºã®è¨å®šã¯ç°¡å˜ã§ã€px, %ã®ä¸¡æ–¹ã«å¯¾å¿œ StackLa
eternal-shining 2011/03/30
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

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

css
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã£ã¦ã‚¹ã‚´ã„ï¼ å…ˆæ—¥ã®ã½ã‚“ãŸãã‚“ã®è¨˜äº‹ã§ã‚‚ç´¹ä»‹ã•ã‚ŒãŸã‚ˆã†ã«ã€CSS3ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚åˆ¶å¾¡ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã¼ãã‚‚CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦demoã‚’ã„ãã¤ã‹ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Safariã‚„Chromeãªã©webkitãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ - jsdo.it â€»PLAYãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã‚ˆ è¦‹ã‚Œãªã„äººã®ãŸã‚ã«å‹•ç”»ã‚‚æ’®ã£ã¦ã¿ã¾ã—ãŸã€‚ ã©ã†ã§ã™ã‹ï¼ŸCSSã ã‘ã§ã€ã¾ã‚‹ã§Flashã‚’ä½¿ã£ã¦ã‚‹ã‚ˆã†ãªè¡¨ç¾ãŒã§ãã¡ã‚ƒã†ã‚“ã§ã™ã€‚ ä»Šå›žã¯ã“ã®CSSã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã€ŒNEW!ã€ã¨ã„ã†ã‚¢ã‚¤ã‚³ãƒ³ãŒã€1æ–‡å—ã”ã¨ã«ã´ã‚‡ã“ã‚“ã´ã‚‡ã“ã‚“è·³ãã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä¸Šè¨˜ã®demoã§ã„ã†ã¨äºŒã¤ç›®ã®å‹•ãã§ã™ã€‚ HTML <pÂ class="animetionNewÂ
eternal-shining 2010/09/27
webãƒ‡ã‚¶ã‚¤ãƒ³

css3

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã‚’ä¸€æ‹¬ç”Ÿæˆï¼ã€ŽInstant CSS Codeã€ | 100SHIKI
ä»¥å‰ã«ä¼¼ãŸã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ãŒã‚„ã¯ã‚Šä¾¿åˆ©ãªã®ã§ã”ç´¹ä»‹ã€‚ Instant CSS Codeã‚’ä½¿ãˆã°ã€ã‚¦ã‚§ãƒ–ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’çž¬æ™‚ã«ä½œã£ã¦ãã‚Œã‚‹ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã„ãã¤ã‹ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã ã€‚ãƒ˜ãƒƒãƒ€ãƒ¼ã®ç¨®é¡žã‚„jQueryãªã©ã®æœ‰ç„¡ã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã€å¿…è¦ãªIDè¦ç´ ãªã©ã‚’å…¥ã‚Œã¦ã„ã‘ã°ã„ã„ã€‚ ãã†ã™ã‚Œã°HTMLã‚„CSSã€å¿…è¦ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ è‡ªåˆ†ãªã‚Šã®ã“ã†ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã ã‚ã†ãŒã€ã¾ã ã®äººã¯ã“ã†ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ç©æ¥µçš„ã«æ´»ç”¨ã—ãŸã„ã§ã™ãªã€‚
eternal-shining 2010/09/12
css

webåˆ¶ä½œ

design
ãƒªãƒ³ã‚¯
è»½é‡ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Invisible MOONGIFT
Invisibleã¯CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚CSSã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦è§£é‡ˆãŒç•°ãªã‚‹éƒ¨åˆ†ãŒã‚ã‚Šã€ãã®ãŸã‚ã«ä¸€ã¤ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§æ•´ã£ã¦ã‚‚ã€åˆ¥ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å´©ã‚Œã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ãŒã‚ˆãã‚ã‚‹ã€‚ãã†ã—ãŸèª¤å·®ã‚’å¸åŽã™ã‚‹æ„å‘³ã§ã‚‚CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’åˆ©ç”¨ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯å¤§ãã„ã€‚ ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®¹æ˜“ã« CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦æ§˜ã€…ãªæ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ãŒã€é€†ã«æŸç¸›ãŒå¤§ãããªã£ã¦ã—ã¾ã£ãŸã‚Šæ±ºã‚ã‚‰ã‚ŒãŸãƒ«ãƒ¼ãƒ«ã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã£ãŸã‚Šã¨é¢å€’ã«ãªã£ã¦ã—ã¾ã†ã“ã¨ã‚‚å¤šã‹ã£ãŸã€‚ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ãŒè‰¯ã„ã¨ã„ã†äººã«å‘ã„ã¦ã„ã‚‹ã®ãŒInvisibleã ã€‚ Invisibleã¯HTMLã‚¿ã‚°å…¨èˆ¬ã«ã¤ã„ã¦è¨å®šã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã“ã¨ã‹ã‚‰é–‹å§‹ã™ã‚‹ã€‚ãã®å¾Œã§å¹…ã‚’å‰²åˆã§è¨å®šã™ã‚‹ã‚¯ãƒ©ã‚¹ã‚„å·¦å³é…ç½®ã‚’å®šç¾©ã™ã‚‹ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã€‚ã“ã‚Œã‚’ä½¿ã†ã“ã¨ã§ä¸‰æ®µã‚„å››æ®µã®ã‚«ãƒ©ãƒ ã‚’ä½¿ã£ãŸWebã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®¹æ˜“ã«ãªã‚‹ã¨ã„ã†ä»•çµ„ã¿ã ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä¾‹ ãƒ•ãƒ¬
eternal-shining 2010/07/27
css

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

Webåˆ¶ä½œ

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

WebDesign
ãƒªãƒ³ã‚¯
jQuery+CSSã§å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·é›†ç·¨ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ jQueryã‚’ä½¿ç”¨ã—ãŸcssãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã¾ã¨ã‚ã§ã™ã€‚ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ ã‚¹ãƒ©ã‚¤ãƒ‰ã€æ»‘ã‚‰ã‹ã«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã™ã‚‹ã€ ãªã©ãªã©è‰²ã€…ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãã‚Œã»ã©å¤šç”¨ã¯ã—ã¾ã›ã‚“ãŒã€å¿…è¦ãª æ™‚ã«æŽ¢ã™ã®ãŒé¢å€’ãªã®ã§å‚™å¿˜éŒ²çš„ã«ã€‚ ã¨ã„ã†è¨³ã§ã€å€‹äººçš„ãªjQuery+cssãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ç·é›†ç·¨ã§ã™ã€‚ å…¨éƒ¨ã§73å€‹ã€‚è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®ç¢ºèªã¯ã—ã¦ã„ã¾ã›ã‚“ã€‚é †ä¸åŒã§ã™ã€‚å°‘ã—é‡ã„ã‹ã‚‚ãƒ»ãƒ» Large Drop Down Menu ã‚¹ãƒ©ã‚¤ãƒ‰&ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 ã‚«ãƒƒã‚³ã„ã„ã§ã™ããƒ¼ã€‚åå¯¾å´ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼
eternal-shining 2010/07/23
css

css3

ã¾ã¨ã‚

JavaScript

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

jquery

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

webdesign

ui
ãƒªãƒ³ã‚¯
å€‹äººçš„ã«ä½¿ã„ãã†ãªPHPã€CSSã€HTMLç‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯17å€‹ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ å€‹äººçš„ãªãƒ¡ãƒ¢ã§ã™ã€‚ä»Šã¾ã§ã‚ã¾ã‚Šä½¿ã£ã¦ ã„ãªã‹ã£ãŸã®ã§å°‘ã—ä½¿ã£ã¦ã„ã“ã†ã¨æ€ã„ã€ ã„ãã¤ã‹è‡ªåˆ†ã§ã‚‚ä½¿ãˆãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŽ¢ã—ã¾ã—ãŸã€‚è¡¨é¡Œã®é€šã‚Šã€PHPã€ CSSã€HTMLã‚„JSç‰ã—ã‹åƒ•ã¯èƒ½åŠ›ãŒ ç„¡ã„ã®ã§ã“ã®è¾ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã® ã¾ã¨ã‚ã«ãªã‚Šã¾ã™ã€‚ ä½¿ã„ã‚„ã™ãã†ã€ä½¿ã„ã«ããã†ã¨ã„ã†ã®ã¯å€‹äººå·®ãŒå‡ºãã†ã ãªãã¨è§¦ã£ã¦ã¿ã¦æ€ã£ãŸã®ã§ã™ãŒã€ãã‚Œãžã‚Œè‰¯ã—æ‚ªã—ãªæ„Ÿã˜ã‚‚ã—ãŸã®ã§ã¨ã‚Šã‚ãˆãšæ°—ã«ãªã£ãŸã‚‚ã®ã ã‘ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ãŠãã‚‰ãæœ‰åæ‰€ã°ã‹ã‚Šã ã¨æ€ã„ã¾ã™ãŒå€‹äººçš„ãªãƒ¡ãƒ¢ãªã®ã§ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ é †ä¸åŒã§ã™ã€‚ Blueprint CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãªè¨è¨ˆãªãŒã‚‰ç´ æ•µãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã¾ã‚Œã¦ã„ã‚‹å°è±¡ã§ã—ãŸã€‚ Blueprint Sass ã¾ã è§¦ã£ã¦ã„ã¾ã›ã‚“ãŒã€å¥½è©•ã£ã½ã„ã®ã§ãƒ¡
eternal-shining 2010/07/21
css3

HTML5

webåˆ¶ä½œ

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

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

css

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

php

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1