[B! css] CUTPLAZA-Tomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

CUTPLAZA-Tomo id:CUTPLAZA-Tomo

cssã«é–¢ã™ã‚‹CUTPLAZA-Tomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

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

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

HTML

css
ãƒªãƒ³ã‚¯
WEBåˆ¶ä½œã§ä½¿ãˆã‚‹Javascriptã‚’ä½¿ã‚ãªã„åˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ32 Javascript Alternatives with Pure CSS â€“ Updatedã€
WEBåˆ¶ä½œã§ä½¿ãˆã‚‹Javascriptã‚’ä½¿ã‚ãªã„åˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ32 Javascript Alternatives with Pure CSS â€“ Updatedã€ æ§˜ã€…ãªWEBã‚µã‚¤ãƒˆã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹javascriptã€‚æ§˜ã€…ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚‚é–‹ç™ºã•ã‚Œå¹…åºƒã„è¡¨ç¾ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯Javascriptã‚’ä½¿ã‚ãªã„åˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’é›†ã‚ãŸã€Œ32 Javascript Alternatives with Pure CSS â€“ Updatedã€ã§ã™ã€‚ CSS Image Maps: A Beginnerâ€™s Guide | Noobcube ãƒžãƒƒãƒ—ã€ã‚°ãƒ©ãƒ•ãªã©ã‚’å§‹ã‚ã€æ§˜ã€…ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– NealGrosskopf.com l Create a JQuery Cont
CUTPLAZA-Tomo 2011/01/04
@[B!]

CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSS3ã®3D transformationã‚’ä½¿ã£ãŸã™ã”ã„ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
is-real / wonder-webkit CSS3ã®3D transf ormationã‚’ä½¿ã£ãŸã™ã”ã„ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç§»å‹•ã•ã›ã‚‹ã¨æœ¬ã®è¡¨ç´™é¢¨ã®ç”»åƒãŒç«‹ä½“çš„ã«ç§»å‹•ã—ã¾ã™ã€‚ å®Ÿéš›ã«ä½¿ã†ã‹ã©ã†ã‹ã¯åˆ¥ã«ã—ã¦ã€ã“ã†ã—ãŸã“ã¨ãŒãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‡ºæ¥ã‚‹ã¨ã„ã†ã®ã¯é¢ç™½ã„ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’IE6-8ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒSelectivizrã€ IE6-8ã§ã‚‚CSS3ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€ŒCSS3 PIEã€ ä¾¿åˆ©ãªCSS3ãƒ„ãƒ¼ãƒ«6ã¤ï¼‹Î± ã‚¤ã‚«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’CSS3ã§ä½œæˆã™ã‚‹ä¾‹
CUTPLAZA-Tomo 2010/10/19
css
ãƒªãƒ³ã‚¯
Google Font API - Google Code
How do I start? Read the Getting Started guide. Choose fonts from the Font Directory. Optionally, use the WebFont Loader library for more control over font loading. What are the Google Font API and the Google Font Directory? The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. The Google Font API helps you add web fonts to any web
CUTPLAZA-Tomo 2010/05/20
CSSå‘¼ã³å‡ºã—ã§ä½¿ãˆã‚‹ã€‚æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆæœŸå¾…

Google

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

css
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã‚‚CSS3ãªã‚‰ã“ã“ã¾ã§ã§ãã‚‹å®Ÿç”¨çš„ãªå®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«
ä»Šã¾ã§ã¯ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã¨å®Ÿè£…ã§ãã¾ã›ã‚“ã§ã—ãŸãŒã€CSS3ã®ç™»å ´ã«ã‚ˆã£ã¦ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã‚‚ã“ã“ã¾ã§ã§ãã‚‹ã¨ã„ã†å®Ÿç”¨çš„ãªã‚µãƒ³ãƒ—ãƒ«ã‚’1st webdesignerã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Amazing CSS3 Techniques You Canâ€™t live Without ãƒ‡ãƒ¢ã§ã¯ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ã‚„ã€ãƒœãƒƒã‚¯ã‚¹ãƒ»ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸã‚µãƒ³ãƒ—ãƒ«ãŒã‚³ãƒ¼ãƒ‰ã¨ã¨ã‚‚ã«è±Šå¯Œã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚
CUTPLAZA-Tomo 2010/04/09
webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ«4ç¨®+2
ãšã€éšåˆ†é–“ãŒç©ºã„ã¦ã—ã¾ã£ãŸãƒ»ãƒ»ãƒ»ä½•ã¦è¨€ã†ç¾å®Ÿã€‚ æ°—ä»˜ã‘ã°å†¬é–“è¿‘ã§ã™ãã€‚ ä¹…ã€…ã®æ›´æ–°ãŒã€ç‰¹åˆ¥ç›®æ–°ã—ãã‚‚ãªã‚“ã¨ã‚‚ãªã„ã‚“ã§ã™ãŒã€è‡ªåˆ†ãªã‚Šã®ãƒšãƒ¼ã‚¸é€ã‚Šã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒ›ãƒ³ãƒˆã¯æœ€åˆã®ã ã‘æœ‰ã‚Œã°äº‹è¶³ã‚Šã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€ãƒœãƒªãƒ¥ãƒ¼ãƒ æ„Ÿã‚’å‡ºã™ç‚ºã«4ç¨®é¡ž+2ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åœ°å‘³ã«ã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦ãŸã‚‰æ™‚é–“å–ã‚‰ã‚ŒãŸã®ã§ã€è§£èª¬ã¯è»½ã‚ã§ã™ãŒç¶šãã«ã¦ã€‚ ä»Šå›žä½œã£ã¦ãŠããŸã‹ã£ãŸã®ã¯ã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ãŸãƒšãƒ¼ã‚¸é€ã‚Šã£ã™ã€‚ ã¨ã¦ã‚‚ä¼¼ãŸã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒæœ‰ã‚‹ã®ã§ã€ä¸‹è¨˜ã‚‚å‚è€ƒã«ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã¨ã€‚ ãƒšãƒ¼ã‚¸é€ã‚ŠãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ display:inline-block ãŒè¶…ä¾¿åˆ© | ãƒã‚·ãƒ£ãƒã‚°ã€‚ ä¸ç‰¹å®šã®æ•°ã®æ¨ªã«ä¸¦ã¶ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ã‚‹ | CSS-EBLOG å„ã‚µãƒ³ãƒ—ãƒ«å…±é€šã§ä»¥ä¸‹ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã¾ã™ã€‚ #main ul, #main ul li { marg
CUTPLAZA-Tomo 2009/10/27
CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã‚’ã‚ˆã‚Šèªã¿ã‚„ã™ãã™ã‚‹5ã¤ã®ãƒ«ãƒ¼ãƒ«
<textarea name="code" class="css" cols="60" rows="5"> #nav{ border: solid 1px #DEDEDE; color: #000; padding: 10px; width: 650px; } </textarea>
CUTPLAZA-Tomo 2009/10/22
CSS
ãƒªãƒ³ã‚¯
[CSS]è§’ä¸¸ã‚’ä½¿ç”¨ã—ãªã„ã§ã€å››éš…ã‚’ã™ã£ãã‚Šã¿ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
divã§å®Ÿè£…ã—ãŸãƒ‘ãƒãƒ«ã®å››éš…ã‚’1pxæ¬ ã‘ã«ã—ã¦ã€è§’ã‚’ã™ã£ãã‚Šã¿ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’onderhond.comã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
CUTPLAZA-Tomo 2009/10/09
è§’ä¸¸

CSS
ãƒªãƒ³ã‚¯
[CSS]ãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ãŒå°ã•ã„æ™‚ã§ã‚‚æœ€å°é™ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’ç¢ºä¿ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
<textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div class="padding"> <div id="content">ã‚³ãƒ³ãƒ†ãƒ³ãƒ„</div> </div> </div> </textarea>
CUTPLAZA-Tomo 2009/10/08
CSS
ãƒªãƒ³ã‚¯
ç„¡é§„ã®å¤šã„CSSã‚’ä¸€ç™ºã§é«˜åœ§ç¸®ã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€ŒCSS Compressorã€*äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰ï¼ˆFC2ãƒ–ãƒã‚°æ™‚ä»£ï¼‰
ã€ŒCSS Compressorã€ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é«˜åœ§ç¸®ã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ æ›¸ãæ–¹ã‚’å°‘ã—å¤‰æ›´ã•ã›ã‚‹ã“ã¨ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’å°ã•ãã—ã¦ãã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ CSSæ›¸ãã™ãŽã¦é‡ãŸããªã£ã¦ã‚‹æ–¹ã«ã¯é‡å®ã—ã¾ã™ãã€‚ åœ§ç¸®çŽ‡ã¯Highestã‹ã‚‰Lowã¾ã§ï¼”ç¨®é¡žé¸æŠžã§ãã¾ã™ã€‚ ã¡ãªã¿ã«å½“ã‚µã‚¤ãƒˆã®CSSã§ã‚„ã£ã¦ã¿ã‚‹ã¨æœ€å¤§28%åœ§ç¸®ã§ãã¾ã—ãŸï¼ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚
CUTPLAZA-Tomo 2009/09/19
css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ä¸Šéƒ¨ã®ã‚¨ãƒªã‚¢ã‚’ç¢ºä¿ã—ã¤ã¤ã€è¦ç´ ã‚’ãƒšãƒ¼ã‚¸ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã®ã‚¨ãƒªã‚¢ã‚’ã‚ãƒ¼ãƒ—ã—ã¤ã¤ã€divè¦ç´ ã‚’ãƒšãƒ¼ã‚¸ã®åž‚ç›´æ–¹å‘ã®çœŸã‚“ä¸ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’In the Woodsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Vertical Centering With CSS demo 5 ï¼ˆIE 8rc1ï¼‰ ä¸Šè¨˜ã®ãƒ‡ãƒ¢ã§ã¯ã€ã‚ªãƒ¬ãƒ³ã‚¸è‰²ã®divè¦ç´ ã‚’åž‚ç›´æ–¹å‘ã®çœŸã‚“ä¸ã«è¡¨ç¤ºã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãã‚‰ã„ã«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ã‚µã‚¤ã‚ºã‚’å°ã•ãã—ã¦ã‚‚ã€ä¸Šéƒ¨ã®ã‚¿ã‚¤ãƒˆãƒ«ã®è¡¨ç¤ºã‚¨ãƒªã‚¢ã‚’ç¢ºä¿ã—ã¾ã™ã€‚ åž‚ç›´æ–¹å‘ã®çœŸã‚“ä¸ã«è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯ã€ã€Œdisplay:table;ã€ã‚’ä½¿ç”¨ã—ãŸã‚Šã€è¦ç´ ã®åŠåˆ†ã®é«˜ã•ã‚’ãƒžã‚¤ãƒŠã‚¹ãƒžãƒ¼ã‚¸ãƒ³ã«ã—ãŸã‚Šãªã©ã€ã„ãã¤ã‹ã®æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ã€‚
CUTPLAZA-Tomo 2009/02/25
css
ãƒªãƒ³ã‚¯
[CSS]ã•ãã•ãå‹•ä½œã™ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚„æ‹¡å¤§ç”»åƒã¸ã®ãƒªãƒ³ã‚¯ã®è¨ç½®ã‚‚ã§ãã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSS playã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ A Photograph Gallery - with links ãƒ‡ãƒ¢ã§ã¯ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã«ãƒžã‚¦ã‚¹ã‚’é‡ãã‚‹ã¨ã€æ‹¡å¤§ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã¨æ›´ã«å¤§ããªå…ƒç”»åƒã¸ã®ãƒªãƒ³ã‚¯ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€IEå¯¾ç–ã¨ã—ã¦æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚
CUTPLAZA-Tomo 2009/02/23
ã“ã‚Œã™ã”ã„ã‹ã‚‚

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]å…¨å¹…960+10pxã‚’ãƒ™ãƒ¼ã‚¹ã«æ±Žç”¨çš„ã«å±•é–‹ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
å…¨å¹…970pxï¼ˆ960+10pxï¼‰ã®6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã€æ±Žç”¨çš„ã«å±•é–‹ã§ãã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ŒThe Golden Gridã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The Golden Grid ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 6ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š150pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 150*6+10*7=970px 12ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š70pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 70*12+10*13=970px
CUTPLAZA-Tomo 2009/02/19
css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã‚„JSã€ç”»åƒãªã©ã‚’ä¸€æ‹¬ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã å¾Œã«functionå®Ÿè¡Œã§ãã‚‹ã€ŒxLazyLoaderã€:phpspoté–‹ç™ºæ—¥èªŒ
CSSã‚„JSã€ç”»åƒãªã©ã‚’ä¸€æ‹¬ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã å¾Œã«functionå®Ÿè¡Œã§ãã‚‹ã€ŒxLazyLoaderã€ 2009å¹´02æœˆ19æ—¥- xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code CSSã‚„JSã€ç”»åƒãªã©ã‚’ä¸€æ‹¬ã§èªã¿è¾¼ã‚“ã§èªã¿è¾¼ã‚“ã å¾Œã«functionå®Ÿè¡Œã§ãã‚‹ã€ŒxLazyLoaderã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ æ¬¡ã®ã‚ˆã†ã«ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€æ‹¬èªè¾¼ã¿ã®å¾Œã€loadãƒ¡ã‚½ãƒƒãƒ‰ãŒå®Ÿè¡Œã§ãã¾ã™ã€‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ $.xLazyLoader({ js: ['ui.core.js','ui.dialog.js'], css: ['ui.core.css', 'ui.dialog.css'], image: ['your_image.jpg', 'your_image1.jpg', 'your_i
CUTPLAZA-Tomo 2009/02/19
css
ãƒªãƒ³ã‚¯
ã‹ã£ã¡ã‚Šã¨ã—ãŸã‚°ãƒªãƒƒãƒ‰CSSãŒæ‰‹ã«å…¥ã‚‹ã€Žthe-golden-gridã€ â€“ creamu
ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Žthe-golden-gridã€ã€‚ã‹ã£ã¡ã‚Šã¨ã—ãŸã‚°ãƒªãƒƒãƒ‰CSSãŒæ‰‹ã«å…¥ã‚‹ãƒšãƒ¼ã‚¸ã ã€‚ ã“ã®Google Codeã®ãƒšãƒ¼ã‚¸ã§ã¯ã€â†‘ã®ã‚ˆã†ãªã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®CSSãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ å‹•ä½œç¢ºèªã‚‚ä»¥ä¸‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡Œã£ã¦ã„ã‚‹ã¨ã®ã“ã¨ã§å®‰å¿ƒã ã‚ã†ã€‚ IE 6/7, Firefox 3, Opera 9.62, Safari 3.2.1 (Win), Chrome 1.0 ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GNU General Public License v2ã¨ãªã£ã¦ã„ã‚‹ã€‚ ã‹ã£ã¡ã‚Šã¨ã—ãŸã‚°ãƒªãƒƒãƒ‰CSSãŒæ‰‹ã«å…¥ã‚‹ãƒšãƒ¼ã‚¸ã€ãƒã‚§ãƒƒã‚¯ã—ã¦å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚ the-golden-grid æ˜¨æ—¥ã¯ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã¸ã€‚æ¥½ã—ã‹ã£ãŸã‚ˆã€‚ã‚ã¨ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼æ›¸ã“ã†ã‹ãªã€‚
CUTPLAZA-Tomo 2009/02/18
css

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
yuga.js 0.4.2 - å„ªé›…ãªWebåˆ¶ä½œã®ãŸã‚ã®JSï½œCSS HappyLife
é€šå¸¸ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ å‹•ä½œãƒ†ã‚¹ãƒˆ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ <p> <img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </p> èª¬æ˜Ž imgè¦ç´ ã«class="btn"ãŒæœ‰ã‚‹å ´åˆã€srcå±žæ€§ã‚’ã€Œ_onã€ä»˜ãã®ã‚‚ã®ã«å·®ã—æ›¿ãˆã‚‹ [New]ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã•ã‚ŒãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ å‹•ä½œãƒ†ã‚¹ãƒˆ ãƒ†ã‚ã‚¹ãƒˆã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ <p> <a href="./hoge.shtml" class="btngroup"> ãƒ†ã‚ã‚¹ãƒˆã€‚<img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </a> </p> èª¬æ˜Ž imgè¦ç´ ã®è¦ªè¦ç´ ã«class="btngroup"ãŒã‚ã‚Šã€imgè¦ç´ ã«class="btn"ãŒæœ‰ã‚‹å ´åˆãƒ†ã‚ã‚¹ãƒˆã«ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’å½“ã¦ã¦ã‚‚ç”»åƒãŒãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸
CUTPLAZA-Tomo 2009/02/17
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css

javascript
ãƒªãƒ³ã‚¯
[CSS]ãƒ•ãƒãƒ¼ãƒˆã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ãƒªã‚¹ãƒˆè¦ç´ ã‚’ãƒ•ãƒãƒ¼ãƒˆã•ã›ã¦ä½œæˆã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®widthã¯æŒ‡å®šç„¡ã—ã®æˆã‚Šè¡Œãã§ã™ã€‚ Centering Float Left Menus ãƒ‡ãƒ¢ã§ã¯ã€CSSãƒãƒƒã‚¯ã‚„inline-block, table/table-cellã‚’ä½¿ç”¨ã›ãšã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã«ã€ãã‚Œã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ãŸãƒ‡ãƒ¢ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ãŸãƒ‡ãƒ¢ IE6/7/8beta2, Fx3, Op9.5, Safari3, Chrome1ã§æ£å¸¸ã«å‹•ä½œã—ã¾ã—ãŸã€‚IE5.5, Fx2ã¯ãƒ€ãƒ¡ã§ã—ãŸã€‚ è¿½è¨˜ï¼šãã®1 ãƒªã‚¹ãƒˆã‚’å†…åŒ…ã™ã‚‹divã«ã€Œtext-align:center;ã€ã‚’ã—ãŸã‚‰ã€ä¸Šè¨˜ãƒ–ãƒ©ã‚¦ã‚¶ï¼‹Fx2ã«å¯¾å¿œã§ãã¾ã—ãŸã€‚ ãªã‚“ã§ã€ããã®ã ã‚ã†ã€ã€ã€ï¼Ÿ ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ãŸãƒ‡ãƒ¢ï¼ˆFx2å¯¾å¿œï¼‰ è¿½è¨˜ï¼šãã®2 ã€Œãµã€ã•ã‚“ã®ã‚³ãƒ¡ãƒ³ãƒˆã«ã‚ˆã‚Šã€Saf
CUTPLAZA-Tomo 2009/01/28
css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ãŸãƒšãƒ¼ã‚¸ã‚’ã•ãã•ãä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€ŽDrawterã€ | 100SHIKI
CSSã¨HTMLã®çŸ¥è˜ã¯å¿…é ˆã ãŒã€æ…£ã‚Œã¦ã„ã‚‹äººã«ã¯è¶…çµ¶ä¾¿åˆ©ãã†ãªãƒ„ãƒ¼ãƒ«ã®ã”ç´¹ä»‹ã€‚ Drawterã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§DOMè¦ç´ ã‚’é…ç½®ã€ã•ã¾ã–ã¾ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–½ã—ãŸã‚ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã ã€‚ ã¤ã¾ã‚‹ã¨ã“ã‚ã€CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ãŸã‚µã‚¤ãƒˆè£½ä½œãƒ„ãƒ¼ãƒ«ã¨ã„ã£ã¦ã‚‚ã„ã„ã ã‚ã†ã€‚ è¦ç´ ã”ã¨ã«ã•ã¾ã–ã¾ãªå±žæ€§ã‚’ç›´æ„Ÿçš„ã«è¿½åŠ ã—ã¦ã„ã‘ã‚‹ç‚¹ãŒç´ æ™´ã‚‰ã—ã„ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§è·äººã½ã„ã®ã§å€‹äººçš„ã«å¥½ã¿ã§ã‚ã‚‹ã€‚æ—¥æœ¬èªžã‚‚å…¥åŠ›å¯èƒ½ã ã€‚ å½“ç„¶ãªãŒã‚‰ä½œã‚Šçµ‚ãˆãŸã‚ã¨ã¯ã€ŒGenerate Codeã€ã‚³ãƒžãƒ³ãƒ‰ã§ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã€ãã®ã¾ã¾ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€‚ ä¼¼ãŸã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã¯ã™ã§ã«ã„ãã¤ã‹ã‚ã‚‹ãŒã€Drawterã®å®Œæˆåº¦ã¯ã‹ãªã‚Šé«˜ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚æ˜¯éžè©¦ã—ã¦ã¿ã¦ã‚‚ã‚‰ã„ãŸã„ã€‚
CUTPLAZA-Tomo 2008/11/27
é¢ç™½ã„ã¨ã¯æ€ã†ãŒã€è‡ªåˆ†ã«ã¯ã¾ã æ‰‹æ‰“ã¡ã®æ–¹ãŒæ…£ã‚Œã¦ã„ã‚‹ã€‚

CSS

HTML
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã€Œifã€ã‚’ä½¿ã£ãŸæ¡ä»¶å¼ãŒåˆ©ç”¨ã§ãã‚‹ -Conditional-CSS | ã‚³ãƒªã‚¹
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã«ã€ifã‚’ä½¿ã£ãŸæ¡ä»¶å¼ãŒåˆ©ç”¨ã§ãã‚‹ã€ŒConditional-CSSã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Conditional-CSS ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ç”»é¢ã«IE, Fx, Op, Safariã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãã‚Œãžã‚Œç”¨ã®ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ¡ä»¶å¼ã«åˆ©ç”¨ã§ãã‚‹ã‚‚ã®ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
CUTPLAZA-Tomo 2008/08/13
css

php

web

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹CSSãƒãƒƒã‚¯12é¸ï¼ˆï¼‹ãŠã¾ã‘ï¼‰ | IDEA*IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
CUTPLAZA-Tomo 2008/03/14
CSS

ã‚¦ã‚§ãƒ–åˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸