[B! èƒŒæ™¯ç”»åƒ][css] tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsutomura id:tsutomura

èƒŒæ™¯ç”»åƒã¨cssã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (22)

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

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

ã¾ã¨ã‚

èƒŒæ™¯ç”»åƒ

css
ãƒªãƒ³ã‚¯
CSS+jQueryã§å·¦å³åˆ¥ã€…ã®èƒŒæ™¯ã«ã™ã‚‹
CSS+jQueryã§å·¦å³åˆ¥ã€…ã®èƒŒæ™¯ã«ã™ã‚‹ ã‚»ãƒ³ã‚¿ãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å›ºå®šå¹…ã«ã—ã¦ã€ãã®å·¦å³ã®èƒŒæ™¯ã‚’åˆ¥ã®ç”»åƒã«ã—ãŸã„ã¨ãtableã‚’ä½¿ç”¨ã™ã‚Œã°ç°¡å˜ã§ã™ãŒã€ä»Šã®æ™‚ä»£tableã§å›²ã‚“ã§ã—ã¾ã†ã®ã¯ã‚ã‚Œã§ã™ãã€‚ ãã“ã§css+jQueryã§ãªã‚“ã¨ã‹ã—ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´01æœˆ12æ—¥ æ›´æ–°æ—¥2012å¹´01æœˆ13æ—¥ ä¸å¿ƒã§åˆ†ã‹ã‚ŒãŸèƒŒæ™¯ ã¨ã‚Šã‚ãˆãšä¸ã«é…ç½®ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è€ƒãˆãªã„ã§å·¦å³ã§åˆ¥ã€…ã®èƒŒæ™¯ç”»åƒã‚’è¨å®šã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯å·¦å³ã§divã‚’é…ç½®ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»Šå›žã¯å…¨ä½“ã‚’å›²ã†divã¨åŠåˆ†ã ã‘ã®divã‚’é…ç½®ã—ã¦ã¿ã¾ã™ã€‚ html <div id="wrap"> <div id="left-bg"></div> </div> css html, body, #wrap, #left-bg { height: 100%; } #wrap { background: url(bg
tsutomura 2012/01/15
èƒŒæ™¯ç”»åƒ

jQuery

css
ãƒªãƒ³ã‚¯
Background-size - CSS3 . Info
Another new property introduced by the CSS3 Backgrounds and Borders module is background-size. The property adds new functionality to CSS allowing designers to specify the size of background images using either lengths, percentages, or by using one of two keywords; contain or cover. Browser support has grown of late, with the current versions of most popular browsers now supporting background-size
tsutomura 2011/09/20
èƒŒæ™¯ç”»åƒ

css
ãƒªãƒ³ã‚¯
ç”»åƒç„¡ã—ã§ã‚¢ãƒ¼ã‚¬ã‚¤ãƒ«ã‚„ã‚¿ãƒ¼ã‚¿ãƒ³ãƒã‚§ãƒƒã‚¯ãªã©ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ -Patternizer
[ad#ad-2] ç”Ÿæˆã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã®åˆ©ç”¨æ–¹æ³• ãƒšãƒ¼ã‚¸ã«åˆ©ç”¨ã™ã‚‹éš›ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œpatternizer.jsã€ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="patternizer.js"></script> HTML ãƒšãƒ¼ã‚¸å†…ã«ç©ºã®canvasè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <canvas id="bgCanvas"></canvas> <div class="wrapper"> <div class="content-wrapper">  </div> </div> CSS èƒŒæ™¯ã‚’å›ºå®šè¡¨ç¤ºã«ã™ã‚‹ãŸã‚ã«ã€Œposition: fixed;ã€ã‚’æŒ‡å®šã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã€Œposition: absolute;ã€ã¨ã€Œleft: 0px;right: 0px;ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ #bg
tsutomura 2011/09/05
css

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

èƒŒæ™¯ç”»åƒ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹CSSã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºï¼‰ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘è¦‹ã¤ã‘ãŸ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸã‚Šã—ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚å¤§ããã¦ã‚ãƒ¬ã‚¤ãªç”»åƒã¯ã€è¦‹ãŸç›®ã«ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã£ã¦ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ã§ã‚‚ Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¦ã„ã‚‹äººã®ç’°å¢ƒã¯æ§˜ã€…ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãŒé•ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã®ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦ã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§ã”ç´¹ä»‹ã—ã¾ã™ï¼ ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ ç›®æ¬¡ CSSã®ã¿ã§ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ fullscreenr ã‚’ä½¿ã£ã¦ã¿ãŸ Full Size Background Image jQuery Plugin ã‚’ä½¿ã£ã¦ã¿ãŸ jQuery max
tsutomura 2010/11/12
èƒŒæ™¯ç”»åƒ

jQuery

css

ç”»åƒ

ã“ã‚Œã¯ã™ã”ã„

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Firefox 3.0.xã§ã‚‚èƒŒæ™¯ç”»åƒãŒ1pxã‚ºãƒ¬ã‚‹ â€“ Kamurogi Blog
ä¸‹è¨˜ã®ã‚ˆã†ãªHTMLæ§‹é€ ã§ã€bodyã‚¿ã‚°ã«èƒŒæ™¯ç”»åƒã‚’background-position: center top;ã¿ãŸã„ã«ä¸å¤®é…ç½®ã—ãŸã„å ´åˆãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ <body> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </body> ã§ã‚‚ã“ã‚Œbodyã‚¿ã‚°ã«æŒ‡å®šã™ã‚‹ã¨1pxã‚ºãƒ¬ã¡ã‚ƒã†ã‚“ã§ã™ãã€‚ IEã ã¨1pxã‚ºãƒ¬ã‚‹å•é¡Œã¯å„æ‰€ã§ã€Œbodyã‚¿ã‚°ã«padding-left: 1px;ã‚’æŒ‡å®šã—ãŸã‚‰å›žé¿ã§ãã‚‹ã‚ˆã€ã£ã¦æ„Ÿã˜ã§ç´¹ä»‹ã•ã‚Œã¦ã‚‹ã‘ã©ã€å®Ÿã¯Firefox 3.0.xã‚„Safariãªã©ã«ã‚‚åŒã˜ã‚ˆã†ãªå•é¡ŒãŒã‚ã£ã¦ä¹…ã—ã¶ã‚Šã«ãƒãƒžã£ã¦ã—ã¾ã£ãŸã€‚ ã¾ãšã¯ã‚°ã‚°ã£ã¦èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚Soh Tanakaã•ã‚“ã®ãƒ–ãƒã‚°ã‹ã‚‰å‚è€ƒã«ãªã‚‹è¨˜äº‹ã‚’ç™ºè¦‹ã€‚ åž‚ç›´ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…ã®ã‚µã‚¤ã‚ºãŒå¥‡æ•°ã«ãªã£ã¦ã‚‹ã®ãŒåŽŸå› ã¿ãŸã„ã ã€‚ éšåˆ†
tsutomura 2010/06/06
èƒŒæ™¯ç”»åƒ

css
ãƒªãƒ³ã‚¯
CSSã«ã‚ˆã‚‹ã‚µã‚¤ãƒˆã®ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ä½œæˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†:phpspoté–‹ç™ºæ—¥èªŒ
Basic Web Page Background Techniques with CSS CSSã«ã‚ˆã‚‹ã‚µã‚¤ãƒˆã®ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ä½œæˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã„ã£ã¦ã‚‚CSSãŒå°‘ã—ã‚ã‹ã‚Œã°å®Ÿç¾ã§ãã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã§ã™ãŒã€ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã—ã¦èªçŸ¥ã—ã¦ãŠãã“ã¨ã¯é‡è¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³ã ã‘ã§ãªãã€CSSã‚³ãƒ¼ãƒ‰ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å…¥é–€ã¨ã„ã†æ–¹ã«ã‚‚å®‰å¿ƒã—ã¦å‚è€ƒã«å‡ºæ¥ã¾ã™ã€‚ å˜è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ èƒŒæ™¯ç”»åƒã‚’ãƒªãƒ”ãƒ¼ãƒˆã§ä½¿ã†ä¾‹ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ä¾‹( repeat-x ä½¿ç”¨) å¤§ãã‚ã®èƒŒæ™¯ç”»åƒã‚’å›ºå®šã§ä½¿ã†ä¾‹( background-position, no-repeat ä½¿ç”¨) ã‚ã¨ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ãŒã¤ã„ã¦ãã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚“ã¦ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãã€‚ é‡ã„ã¨ã„ã†ç†ç”±ã§å®Ÿè£…ã•ã‚Œã‚‹ã¨å«Œã‚ã‚Œã‚‹å‚¾å‘ã«ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠãã¹ãèƒŒæ™¯ç”»åƒã®ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆ
tsutomura 2010/05/27
èƒŒæ™¯ç”»åƒ

css

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Safariã®CSS 3å¯¾å¿œ--1ã¤ã®è¦ç´ ã«è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ - builder by ZDNet Japan
å‰å›žã¨å‰ã€…å›žã§ã¯ã€CSS 3ã®è‰æ¡ˆCSS3 Backgrounds and Borders Moduleã§è¿½åŠ ã•ã‚ŒãŸèƒŒæ™¯ã«é–¢ã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ç´¹ä»‹ã—ãŸãŒã€è‰æ¡ˆã§ã¯ã“ã®ä»–ã«ã‚‚æ–°ã—ã„æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦ã„ã‚‹ã€‚ãã‚ŒãŒã€1ã¤ã®è¦ç´ ã«è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ©Ÿèƒ½ã ã€‚ ã“ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã“ã‚Œã¾ã§ã¯1æžšã®èƒŒæ™¯ç”»åƒã¨ã—ã¦ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸçµµã‚‚è¤‡æ•°ã®ç”»åƒã‚’é‡ãã¦ä½œã‚Šå‡ºã™ã“ã¨ãŒã§ãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®èª¿æ•´ã‚„ç´ æã®ä½¿ã„å›žã—ãŒå®¹æ˜“ã«ãªã‚‹ã€‚ç¾åœ¨ã€ã“ã®æ©Ÿèƒ½ã«ã¯SafariãŒå¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€è¨˜è¿°æ–¹æ³•ã‚„è¡¨ç¤ºã‚’ç¢ºèªã—ã¦ã„ããŸã„ã€‚ ã¾ãŸã€backgroundãƒ—ãƒãƒ‘ãƒ†ã‚£ã§è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã®è¨å®šã‚’ã¾ã¨ã‚ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ã‚‚ç´¹ä»‹ã™ã‚‹ã€‚
tsutomura 2010/03/09
èƒŒæ™¯ç”»åƒ

css
ãƒªãƒ³ã‚¯
css-lecture.com
tsutomura 2010/03/08
css

èƒŒæ™¯ç”»åƒ

CSS3

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

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
[JS]èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ -jAni
å†ç”Ÿã‚„ä¸€æ™‚åœæ¢ã€åœæ¢ãªã©ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚‚å¯èƒ½ãªã€èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ajaxBlenderã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="js" cols="60" rows="5"> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../jani.js"></script> </textarea>
tsutomura 2010/01/14
èƒŒæ™¯ç”»åƒ

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

css
ãƒªãƒ³ã‚¯
[CSS]é€éŽç”»åƒã‚’ä½¿ç”¨ã—ã¦å¹»æƒ³çš„ãªèƒŒæ™¯ã‚’ã¤ãã‚Šã ã™ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¾Œ ä»•çµ„ã¿ã¯ã€é€éŽPNGç”»åƒã‚’å›ºå®šé…ç½®ã—ã€ãƒ¬ãƒƒãƒ‰ã‹ã‚‰ãƒ–ãƒ©ãƒƒã‚¯ã¸ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã¨ã€ãƒ–ãƒ©ãƒƒã‚¯ã«ãªã£ãŸæ™‚ç‚¹ã§çµµæŸ„ãŒæµ®ãä¸ŠãŒã‚‹ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã¯ã€Œgradient-tile.jpgã€ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ IE6ã§ã¯é€éŽPNGç”»åƒã®èƒŒæ™¯ãŒå›ºå®šé…ç½®ã§ç¹°ã‚Šè¿”ã™ã“ã¨ãŒã§ããªã„ãŸã‚ã€ã‚·ãƒ³ãƒ—ãƒ«ãªè§£æ±ºæ–¹æ³•ã¨ã—ã¦é€éŽPNGç”»åƒã®èƒŒæ™¯ã‚’éžè¡¨ç¤ºã«ã—ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>
tsutomura 2009/12/03
CSS

èƒŒæ™¯ç”»åƒ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã®èƒŒæ™¯ç”»åƒã‚’è§£æžã—ã¾ãã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆ SpriteMe | kotaãƒã‚° from Magical Remix&Co.
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…å¿…æºï¼ç›¸å½“ä¾¿åˆ©ã§ã™ã€‚ CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€é£¾ã‚Šã«ãªã‚‹ç”»åƒã¯background-imageã¨ã—ã¦æŒ‡å®šã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚å€‹åˆ¥ã«ç”»åƒã‚’åˆ‡ã‚Šå‡ºã™å ´åˆã‚‚ã‚ã‚Šã¾ã™ãŒã€å±žã«è¨€ã†ã€ŒCSS Spriteã€ã¨å‘¼ã°ã‚Œã‚‹æ‰‹æ³•ã‚‚ã“ã‚Œã§ã™ã€‚ CSS Spriteã¨ã¯ï¼Ÿ ç”»åƒã‚’å€‹åˆ¥ã«ã‚¹ãƒ©ã‚¤ã‚¹ã—ã¦å€‹åˆ¥ã«èªã¿è¾¼ã‚€ã‚ˆã‚Šã€1æžšã®ç”»åƒã«ã—ã¦è¡¨ç¤ºä½ç½®ã‚’èª¿æ•´ã—ã¦å‡ºã™æ‰‹æ³•ã§ã™ã€‚ å€‹åˆ¥ã«èªã¿è¾¼ã‚€ã‚ˆã‚Šã‚‚ã€ã‚¹ãƒ©ã‚¤ã‚¹ã®æ‰‹é–“ã‚’çœç•¥ãƒ»èªã¿è¾¼ã¿æ™‚ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’1åº¦ã ã‘ã§æ¸ˆã‚€ã®ã§ã€ä½¿ã„æ–¹ã«ã‚ˆã£ã¦ã¯CSS Spriteã‚’æ´»ç”¨ã—ãŸæ–¹ãŒé€Ÿã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ Firefox3.5ã ã¨ã‚½ãƒ¼ã‚¹ã‹ã‚‰ç”»åƒã¾ã§ã®ãƒªãƒ³ã‚¯ã‚’ãŸã©ã‚Œã¾ã™ãŒã€ãã‚Œã‚ˆã‚Šã‚‚ä¾¿åˆ©ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆé…å¸ƒã‚µã‚¤ãƒˆï¼šSprit eMe ä»–äººã®ã‚µã‚¤ãƒˆã®è§£æžæ™‚ã€ç”»åƒã‚’ã¾ã¨ã‚ã¦è¦‹ã‚‰ã‚Œã‚‹ã®ã§é‡å®ã—ã¾ã™ã€‚ å°Žå…¥æ–¹æ³• é…å¸ƒã‚µã‚¤ãƒˆã¸è¡Œãã€â€œSprit eMeâ€ã®ãƒªãƒ³ã‚¯ã‚’ãƒ–
tsutomura 2009/09/04
css

èƒŒæ™¯ç”»åƒ

æ¤œè¨¼

***
ãƒªãƒ³ã‚¯
æ•°æžšã®èƒŒæ™¯ç”»åƒã‚’ä½¿ã£ã¦é¢ç™½ã„èƒŒæ™¯ç”»åƒã‚’è¨å®šã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
WEBé–‹ç™ºè€…ã¯å¿…æºã‹ã‚‚ã—ã‚Œãªã„HTTPãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿è§£æžç”¨Firefoxã‚¢ãƒ‰ã‚ªãƒ³ã€ŒUrlPar... æ¬¡ã®è¨˜äº‹ â‰«ï¼šPhotoshopç”¨ã‚¢ãƒ‹ãƒ¡ã®é«ªã®ãƒ–ãƒ©ã‚·ã‚»ãƒƒãƒˆ #68: Think Geek Background Fade Technique | CSS-Tricks æ•°æžšã®èƒŒæ™¯ç”»åƒã‚’ä½¿ã£ã¦é¢ç™½ã„èƒŒæ™¯ç”»åƒã‚’è¨å®šã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«ã€‚ é™æ¢ç”»ã§ã¯èª¬æ˜Žã—ã«ãã„ã®ã§ã™ãŒã€ç”»é¢ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§é¢ç™½ã„åŠ¹æžœãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ â†“â†“ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¿ƒããªã‚‹ ã¨ã‚Šã‚ãˆãšã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸Â ã‚’è¦‹ã‚‹ã®ãŒã‚ˆã„ã§ã™ãï¼ˆï¼¾ï¼¾ï¼›ï¼‰ fixedã§å›ºå®šã«ã™ã‚‹ã®ã¨ã€ãã®ã¾ã¾ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚‚ã®ã‚’çµ„ã¿åˆã‚ã›ã¦é€éŽPNGã§å®Ÿç¾ã•ã‚Œã¦ã¾ã™ãã€‚ CSSã¯ä»¥ä¸‹ã®ã‚ˆã†ã«3æžšã®ç”»åƒã‚’ä½¿ã£ã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚ body { background: #404143 url(../images/bodytiletop.jpg) repeat-
tsutomura 2009/08/17
css

ã‚¢ã‚¤ãƒ‡ã‚¢

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

èƒŒæ™¯ç”»åƒ

***
ãƒªãƒ³ã‚¯
[CSS]ã‚»ãƒŸãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä¸¡ç«¯ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚»ãƒŸãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä¸¡ç«¯ã«ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã®èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’Soh Tanakaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Tips for Developing Semi-Liquid Layouts demo ãƒ‡ãƒ¢ã§ã¯ã€å…¥ã‚Œåã«ã—ãŸdivè¦ç´ ã«ãã‚Œãžã‚ŒèƒŒæ™¯ç”»åƒã‚’è¨ç½®ã€‚ è¦ªã¯ä¸å¤®é…ç½®ã«ã—ã€min-width, max-widthã‚’è¨å®šã€‚ åã¯overflow:hidden;ã‚’æŒ‡å®šã—ã€paddingãªã©ã‚’è¨å®šã—ã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="content_wrap"> <div class="content">  </div> </div> </textarea>
tsutomura 2009/04/01
css

èƒŒæ™¯ç”»åƒ
ãƒªãƒ³ã‚¯
API Caching - Effortlessly speed up your API response times
01. Speed up any API in minutes Whether you are using a REST or GraphQL API, it doesn't matter. We support any API that returns a JSON response. Simply replace the request to your origin API with your dedicated API Caching endpoint to proxy all of your requests through us and start reducing your database loads immediately. 02. Global low latency We currently support 8 regions globally to ensure mi
tsutomura 2009/01/18
èƒŒæ™¯ç”»åƒ

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

***
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠãã¹ãèƒŒæ™¯ç”»åƒã®ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆé›†:phpspoté–‹ç™ºæ—¥èªŒ
36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠãã¹ãèƒŒæ™¯ç”»åƒã®ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆé›†ã€‚ èƒŒæ™¯ç”»åƒã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚„WEBä¸Šã§å‹•ä½œã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã€‚ èƒŒæ™¯ç”»åƒãƒªã‚½ãƒ¼ã‚¹é›† Huge Magazine - Desktop Patterns and Tiles ç¶ºéº—orãŠã—ã‚ƒã‚ŒãªèƒŒæ™¯ç”»åƒãƒ‘ã‚¿ãƒ¼ãƒ³å¤šæ•° Barracuda Backgrounds åœ°å‘³ã ã‘ã©æ±Žç”¨ã«ä½¿ãˆãã†ãªèƒŒæ™¯ç”»åƒ HYBRID GENESIS ã‚«ãƒ©ãƒ•ãƒ«ã ã‘ã©ã“ã¡ã‚‰ã‚‚æ±Žç”¨æ€§ãŒã‚ã‚Šãã†ãªèƒŒæ™¯é›† DinPattern ã¡ã‚‡ã£ã¨å€‹æ€§çš„ãªãƒ‘ã‚¿ãƒ¼ãƒ³é›† ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ Tiled Back
tsutomura 2009/01/08
ãƒ•ãƒªãƒ¼ç´ æ

èƒŒæ™¯ç”»åƒ

css
ãƒªãƒ³ã‚¯
[JS]ä¸€ã¤ã®è¦ç´ ã«è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã‚’è‡ªç”±ã«é…ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Background Layering
Background Layeringã¯ã€ä¸€ã¤ã®è¦ç´ ã«è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã‚’è‡ªç”±ã«é…ç½®ã—ãŸã‚Šã€ä½¿ã„å›žã™ã“ã¨ã‚‚ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ CSS Multiple Backgrounds / Background Layering with jQuery ä¸Šè¨˜ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã®ãƒ‡ãƒ¢ã§ã¯ã€3ã¤ã®divè¦ç´ ã«åŒã˜ç”»åƒã‚’ä½¿ç”¨ã—ã¦ãã‚Œãžã‚Œã®è§’ä¸¸ã‚’å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€è¤‡æ•°ã®èƒŒæ™¯ç”»åƒã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§æŒ‡å®šã—ã¦ã€é…ç½®ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
tsutomura 2008/12/19
css

jQuery

ã“ã‚Œã¯ã™ã”ã„

èƒŒæ™¯ç”»åƒ
ãƒªãƒ³ã‚¯
[JS]è¶…è»½é‡ã§è¨ç½®ã‚‚ç°¡å˜ãªã€é€éŽPNGã‚’IE6ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Unit PNG Fix | ã‚³ãƒªã‚¹
Unit Interactiveã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€é€éŽPNGç”»åƒã‚’IE6ã§è¡¨ç¤ºã™ã‚‹ã€è¶…è»½é‡(2KB)ã®è¨ç½®ã‚‚ç°¡å˜ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
tsutomura 2008/07/09
PNG,èƒŒæ™¯,é€šå¸¸ç”»åƒ,é€æ˜Ž

js-lib

***

css

èƒŒæ™¯ç”»åƒ
ãƒªãƒ³ã‚¯
JQuery Corner Demo
jQuery Corner Demo Now with more effects, thanks to Mike Alsup! How does this work? How do I use it? Just the source, please!
tsutomura 2008/04/30
è§’ä¸¸ã„ã‚ã„ã‚,èƒŒæ™¯ç”»åƒOK

jQuery

css

***

èƒŒæ™¯ç”»åƒ

è§’ä¸¸
ãƒªãƒ³ã‚¯
[CSS]èƒŒæ™¯ç”»åƒã‚’åŠã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
<textarea name="code" class="html" cols="60" rows="5"> <body> <div id="rightHalf"></div> </body> </textarea>
tsutomura 2008/04/04
css

èƒŒæ™¯ç”»åƒ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸