[B! webåˆ¶ä½œ] higa1234ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

higa1234 id:higa1234

webåˆ¶ä½œã«é–¢ã™ã‚‹higa1234ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (154)

${{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ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒåˆã‚ã¦ECã‚µã‚¤ãƒˆ(äº‹æ¥)ã‚’ã‚¼ãƒã‹ã‚‰ç«‹ã¡ä¸Šã’ãŸã®ã§æµã‚Œã‚’ã²ã¨é€šã‚Šã¾ã¨ã‚ã¦ã¿ãŸ - Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼Unificãƒ–ãƒã‚°
æ˜¨å¹´2014å¹´ã¯ã€ã¨ã‚ã‚‹äº‹æ¥ä¸»ã®ECäº‹æ¥ã®ç«‹ã¡ä¸Šã’ã«æºã‚ã‚Šã¾ã—ãŸ@unificatã§ã™ã€‚ æ³•äººè¨ç«‹ãƒ»EC Cubeæ§‹ç¯‰ãƒ»é…é€æ¥è€…ãƒ»æ±ºæ¸ˆä»£è¡Œæ¥è€…ãƒ»etc...åˆã‚ã¦ã‚„ã‚‹äº‹ã‚’æ‰‹æŽ¢ã‚Šã§è‰²ã€…ã‚„ã‚Šã¾ã—ãŸã€‚ã¾ãã€Œå…¨éƒ¨ã‚„ã‚Šã¾ã—ãŸã€ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã‹ã¨æ€ã†ãã‚‰ã„è‰²ã€…ã‚„ã‚Šã¾ã—ãŸã€‚ ä»–ã«ã‚‚å•†å“ã®ä»•å…¥ã‚Œã¨ã‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã§ç‰©è²©ã‚’ãŠã“ãªã†Eã‚³ãƒžãƒ¼ã‚¹ã®ç«‹ã¡ä¸Šã’ã«ã¤ã„ã¦è§¦ã‚Œã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«æŠ€è¡“ã«é–¢ã™ã‚‹ãƒã‚¿ã¯å…¨ç„¶ãªã„ã®ã§ã€æŠ€è¡“çš„ãªå†…å®¹ã‚’æœŸå¾…ã—ãŸäººã¯ã”ã‚ã‚“ãªã•ã„ã€‚ 1.ã‚µãƒ¼ãƒã®é¸å®šãƒ»æº–å‚™ ã‚µãƒ¼ãƒã¯ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒã®ä¸ã§æŽ¢ã—ã¾ã—ãŸã€‚ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‚‚ã¾ã å°è¦æ¨¡ãªã®ã§ã€ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ãŒå¢—ãˆãŸã‚Šã€è¤‡é›‘ãªäº‹ã‚’ã—å§‹ã‚ãŸã‚‰VPSã‚„å°‚ç”¨ã‚µãƒ¼ãƒã‚’æ¤œè¨Žã™ã‚Œã°ã„ã„ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ ãªã«ã‚ˆã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã†ç«‹å ´ã§ã‚µãƒ¼ãƒå‘¨ã‚Šã¾ã§æ‰‹ã‚’å‡ºã™ã¨ã€æ£ç›´ãƒªãƒªãƒ¼ã‚¹ã¾ã§æ™‚é–“ãŒæŽ›ã‹ã‚Šãã†ã ã¨æ„Ÿã˜ãŸã‹ã‚‰ã§ã™ã€‚ é¸å®šã®çµæžœ
higa1234 2015/01/08
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Equalbox | ã‚³ãƒªã‚¹
Equalbox.js ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] Equalbox.jsã®å®Ÿè£… HTML å„divè¦ç´ ã¯jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã€idãªã©ã‚’æŒ‡å®šã—ã¾ã™ã€‚ <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf
higa1234 2011/06/28
webåˆ¶ä½œ

CSS
ãƒªãƒ³ã‚¯
YUKI HARUYAMA Portfolio Site | æ˜¥å±± æœ‰ç”±å¸Œ
æ˜¥å±± æœ‰ç”±å¸Œ / ãƒãƒ«ãƒ¤ãƒž ãƒ¦ã‚¦ã‚ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer ç¦å²¡ã§ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—ã¦å°±è·å¾Œã€Webåˆ¶ä½œä¼šç¤¾ã«è»¢è·ã—ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚Šã¾ã—ãŸã€‚ ECã‚µã‚¤ãƒˆã€ãƒ†ãƒ¬ãƒ“å±€ã‚„ç•ªçµ„ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€åŸ·ç†ã‚„è¬›å¸«æ¥ãªã©ã§çµŒé¨“ã‚’ç©ã‚“ã ã®ã¡ä¸Šäº¬ã—ã€æ ªå¼ä¼šç¤¾Fablicã§ ãƒ•ãƒªãƒžã‚¢ãƒ—ãƒª ãƒ•ãƒªãƒ«ï¼ˆç¾ãƒ©ã‚¯ãƒžï¼‰ã®UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‹…å½“ã€‚ ãã®å¾Œã€æ¥½å¤©æ ªå¼ä¼šç¤¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ãƒžãƒãƒ¼ã‚¸ãƒ£ã‚’æ‹…å½“ã—ãŸã®ã¡ã€ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’çµŒã¦ã€ç¾åœ¨ã¯æ ªå¼ä¼šç¤¾ã‚¹ãƒžãƒ¼ãƒˆãƒãƒ³ã‚¯ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã—ã¦ã„ã¾ã™ã€‚ MORE PROFILE
higa1234 2011/02/25
fireworks

tips

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžã§å¦ã¹ã‚‹HTML5é–¢é€£è³‡æ–™15å€‹ã¾ã¨ã‚ : äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰
HTML5ã«ã¤ã„ã¦è‰²ã€…ã¨èª¿ã¹ã¦ãŸã¨ãã«è¦‹ã¤ã‘ãŸè³‡æ–™ã„ã‚ã„ã‚ã§ã™ã€‚ ã›ã£ã‹ããªã®ã§ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ãªã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ ã€ŒSlideShareã€ã¨ã„ã†ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å…±æœ‰ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã—ã¦ã€ãã“ã‹ã‚‰è¦‹ã¤ã‘ãŸè³‡æ–™ã§ã™ã€‚ HTML5ã«é–¢ã™ã‚‹è³‡æ–™ã§å½¹ç«‹ã¡ãã†ã ãªã¨æ€ã£ãŸã‚‚ã®ã‚’15å€‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ æ—¥æœ¬èªžã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ã¿æŠœç²‹ã€‚ HTML5ã®å‹‰å¼·ã‚’ã—ã‚ˆã†ã¨æ€ã†æ–¹ã‚„ã€HTML5ã«èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯æ˜¯éžã”è¦§ãã ã•ã„ã€‚ ä»¥ä¸‹ã«15å€‹ã®HTML5é–¢é€£ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è²¼ã£ã¦ãŠãã¾ã™ãã€‚
higa1234 2011/01/19
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä¸Šæ‰‹

HTML5

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

webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
Blitz - ã‚¦ã‚§ãƒ–ã‚¯ãƒªã‚¨ã‚¤ã‚¿ã®äººã‚‚ï¼Œãã†ã§ãªã„äººã‚‚æ¥½ã—ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
higa1234 2010/12/03
ãƒ•ãƒªãƒ¼ç´ æ

*Webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]CSS3ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨é™¥ã‚Šã‚„ã™ã„ãƒ¯ãƒŠ
CSS3ã§ä½•ãŒã§ãã‚‹ã®ã‹ã¨ã„ã†ã€ŒCSS3ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿã€€ã¨ã„ã†æ™‚ã«ã¿ã¦ãŠããŸã„ã‚µã‚¤ãƒˆé›†ã€ã¨ã„ã†è¨˜äº‹ã‚’ã¨ã‚Šã‚ã’ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ãã®CSS3ã‚’å®Ÿéš›ã©ã®ã‚ˆã†ã«ä½¿ã†ã®ã‹ï¼Ÿã€€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«åŠ¹æžœçš„ã«ä½¿ç”¨ã—ãŸä¾‹ã€é™¥ã‚Šã‚„ã™ã„ãƒ¯ãƒŠã¨ãã®å¯¾å‡¦æ–¹æ³•ã‚’Web Design Wallã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Examples and Best Practices ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ãƒ†ã‚ã‚¹ãƒˆã®ã‚¨ãƒ³ãƒœã‚¹åŠ¹æžœ ç¹Šç´°ãªè§’ä¸¸ã¨ã‚·ãƒ£ãƒ‰ã‚¦ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å›žè»¢ã™ã‚‹DVD åŠé€æ˜Žã®ãƒãƒ¼ è§’ä¸¸ å¾®å¦™ãªãƒ†ã‚ã‚¹ãƒˆã®ã‚·ãƒ£ãƒ‰ã‚¦ é™¥ã‚Šã‚„ã™ã„ãƒ¯ãƒŠã¨å¯¾å‡¦æ–¹æ³• ã¯ã˜ã‚ã« CSS3ã®äººæ°—ã¯ã„ã£ãã†é«˜ããªã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›CSS3ã®æ–°ã—ã„æ©Ÿèƒ½ã¯ã‚¦ã‚§ãƒ–ã«å¤šãã®æ–°ã—ã„å¯èƒ½æ€§ã‚’ã‚‚ãŸã‚‰ã—ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€CSS3ã¯ã¾ã å®Œå…¨ã«ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã®ã§ã€ã‚ã¾ã‚Šèˆˆå¥®ã—ãªã„ã§ãã ã•ã„ã€‚ ã ã‹ã‚‰ã¨ã„ã£ã¦ã€CSS3ã‚’
higa1234 2010/11/17
css3

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«å½¹ç«‹ã¤.htaccessã®è¨å®š | ã‚³ãƒªã‚¹
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æ”¹å–„ã‚„SEOã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«å½¹ç«‹ã¤.htaccessã®è¨å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 17 Useful Htaccess Tricks and Tips å‚™è€ƒï¼šApache ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«: .htaccess ãƒ•ã‚¡ã‚¤ãƒ«ã€Apache ã‚³ã‚¢æ©Ÿèƒ½ [ad#ad-2] .htaccessã®è¨å®šï¼šãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚„SEOé–¢é€£ .htaccessã®è¨å®šï¼šã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£é–¢é€£ .htaccessã®è¨å®šï¼šãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚„SEOé–¢é€£ .htaccessã§ã‚¿ã‚¤ãƒ ã‚¾ãƒ¼ãƒ³ã‚’è¨å®š .htaccessã§ã‚¿ã‚¤ãƒ ã‚¾ãƒ¼ãƒ³ã‚’è¨å®šã—ã¾ã™ã€‚ ä¾‹ï¼šæ±äº¬ SetEnv TZ JST-9 ã‚‚ã—ãã¯ã€ SetEnv TZ Asia/Tokyo .htaccessã§301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’è¨å®š .htaccessã§301ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆï¼ˆæ°¸ç¶šçš„ãªãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆï¼‰ã‚’è¨å®šã—ã¾ã™ã€‚ ä¾‹ï¼šæ—§ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆold.htmlï¼‰ã€æ–°ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆnew
higa1234 2010/11/08
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Flashã¨jQuery ã©ã¡ã‚‰ã§å®Ÿè£…ã™ã‚‹ã‹æ±ºã‚ã‚‹éš›ã®é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã€Flashã¨jQueryã¯éžå¸¸ã«é…åŠ›çš„ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã©ã¡ã‚‰ã‚’ä½¿ç”¨ã™ã¹ãã‹è¿·ã†ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä¸¡æ–¹ã®ç‰¹å¾´ã‚’æŠŠæ¡ã—ã€å®Ÿè£…ã™ã‚‹éš›ã«é©åˆ‡ã«é¸æŠžã™ã‚‹ãŸã‚ã®é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ A Closer Look at Choosing Between Flash and jQuery ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« 1. Flashã¨jQuery ã©ã¡ã‚‰ã«ã™ã‚‹ã‹é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼ 2. jQueryã¨Flashã‚µã‚¤ãƒˆã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ ã¾ã¨ã‚ ã¯ã˜ã‚ã« HTML5ã®ç™»å ´ã«ã‚ˆã‚Šã€ãã‚ŒãŒFlashã‚’ç ´ã‚‹ã‹å¦ã‹ã«é–¢ã‚ã‚‰ãšã“ã‚Œã‚‰ã¯ã‚¦ã‚§ãƒ–ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§è°è«–ã®çš„ã§ã—ãŸã€‚ã“ã®è°è«–ãŒæ´»ç™ºã«è¡Œã‚ã‚Œã‚‹ä¸ã€Flash vs. JavaScriptã®è©±é¡Œã¯å°‘ã—å¤±ã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã“ã“ã§ã¯JavaScriptã®ä¸ã‹ã‚‰ç‰¹ã«äººæ°—ã®é«˜ã„ã€ŒjQueryã€ã‚’ã¨ã‚Šã‚ã’
higa1234 2010/08/10
flash

webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆåˆ¶ä½œã§ã‚ˆãå‡ºã¦ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãã‚Œã«ã‚ˆãä½¿ã†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ»ãƒ•ã‚¡ã‚¤ãƒ«åã®ä¸€è¦§ - btmup Blog
Web åˆ¶ä½œã®ã“ã¨ã‚’ä¸å¿ƒã«ã€ã¡ã‚‡ã£ã¨ã—ãŸ Tips ãªã©ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ã€Œè‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€ãŒåŸºæœ¬ã‚¹ã‚¿ãƒ³ã‚¹ã€‚ btmup Blog ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªåã¨ã‹ãƒ•ã‚¡ã‚¤ãƒ«åã£ã¦ã€ã¡ã‚ƒã‚“ã¨ã—ã‚ˆã†ã¨ã™ã‚‹ã¨æ„å¤–ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã‚‚ã®ã€‚ ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã‚’ç›´è¨³ã™ã‚Œã°è‰¯ã„ã£ã¦ã‚‚ã‚“ã§ã‚‚ãªãã€ã„ãã¤ã‹ã‚ã‚‹å€™è£œã‹ã‚‰å†…å®¹ã«ä¸€ç•ªåˆã£ãŸå˜èªžã‚’è¦‹ä»˜ã‘ã¦ã“ãªã„ã¨ã„ã‘ãªã„ã€‚ ã„ã¡ã„ã¡è‹±èªžã‚’èª¿ã¹ã‚‹ã®ã‚‚ãƒ¡ãƒ³ãƒ‰ã„ã—ã€ã‹ã¨ã„ã£ã¦ã€Œgaiyoã€ã¨ã‹ã˜ã‚ƒæ°—æŒã¡æ‚ªã„ã—ã€ã©ã†ã—ãŸã‚‚ã‚“ã‹ããƒ¼ã€ã¨ãšã£ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã§ã€ä»Šå›žã€å‹¢ã„ã§ã–ã£ãã‚Šã¨ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã¤ã„ã§ã«å…¬é–‹ã—ã¾ã™ã€‚ æœ¬å½“ã«ã–ã£ãã‚Šãªã®ã§æŠœã‘ã‚‚ã‚ã‚‹ã ã‚ã†ã—ã€Œãã‚Œãã‚‰ã„æ›¸ã‹ã‚“ã§ã‚‚åˆ†ã‹ã‚‹ã‚ãƒœã‚±ã€ãªã‚‚ã®ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã‘ã©ã€ã¾ããã‚Œã¯è¿½ã€…ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªåã‚„ãƒ•ã‚¡ã‚¤ãƒ«åã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã‚‹ã®ã§ã€æ–‡æ³•ã¨ã‹ã¯å…¨ãè€ƒæ…®ã—ã¦ã¾ã›ã‚“ã®ã§æ‚ªã—ã‹ã‚‰ãšã€‚ æœ€è¿‘ã€åŒ»ç™‚ãƒ»ç—…é™¢é–¢ä¿‚ã®ã‚µã‚¤ãƒˆã«ä»•äº‹ã§é–¢ã‚ã‚‹ã“ã¨ãŒå¤š
higa1234 2010/08/04
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ‡ãƒªãƒ³ã‚°è¦ã‚‰ãšï¼Google 3Dãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦ã€1æ—¥ã§è¡—ã®ã‚²ãƒ¼ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’åˆ¶ä½œã™ã‚‹æ–¹æ³•
ãƒ¢ãƒ‡ãƒªãƒ³ã‚°è¦ã‚‰ãšï¼Google 3Dãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦ã€1æ—¥ã§è¡—ã®ã‚²ãƒ¼ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’åˆ¶ä½œã™ã‚‹æ–¹æ³•ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—ï¼ˆ3ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãŸã£ãŸ1æ—¥ã§ç°¡å˜ã«ã§ãã‚‹3Dã€‚Google 3Dã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã€æ–œã‚ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é…ç½®ã—ã€ç«‹ä½“çš„ã«è¦‹ã›ã‚‹ã€Œã‚¯ã‚©ãƒ¼ã‚¿ãƒ¼ãƒ“ãƒ¥ãƒ¼ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’åˆ¶ä½œã—ã‚ˆã† 3Dã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã‚²ãƒ¼ãƒ é¢¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç·šã®é«˜é€ŸåŒ–ã€ãƒ‘ã‚½ã‚³ãƒ³ã®ã‚¹ãƒšãƒƒã‚¯å‘ä¸Šãªã©ã«ã‚ˆã‚Šã€æ•°å¹´å‰ã¨æ¯”ã¹ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®PCç’°å¢ƒã¯ãŒã‚‰ã‚Šã¨å¤‰ã‚ã‚Šã¾ã—ãŸã€‚ãã®ã‚ˆã†ãªçŠ¶æ³ã®ä¸ã§ã€ã„ã¾ã¾ã§ã¯ã€ã¤ãã‚Šæ‰‹ãŒé¿ã‘ã¦ã„ãŸã‚ˆã†ãªè¡¨ç¾ãŒå†æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®1ã¤ã«ã€å¤šãã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ã‚’é§†ä½¿ã—ãŸã‚²ãƒ¼ãƒ é¢¨ã®ãƒªãƒƒãƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ä¾‹ãˆã°DRAGON QUEST SWORDSã®ã‚ˆã†ã«å¤§ç”»é¢ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„å‹•ç”»ã§æ¼”å‡ºã‚’ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ä»Šå›žã¯ã€ç°¡å˜ã«ã§ãã‚‹ã€Žã‚²ãƒ¼ãƒ é¢¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®åˆ¶ä½œæ–¹æ³•ã€ã‚’ç´¹ä»‹ã—ãŸ
higa1234 2010/07/30
*ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

*Webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’å‹•ã‹ã™
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’å‹•ã‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã€æ°—ã‚’ã¤ã‘ãŸç‚¹ã€‚ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«éžå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦æˆç«‹ã—ã¦ã„ã‚‹ éŽå‰°ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã—ãªã„ ç¾å®Ÿçš„ã«ä½¿ãˆãã†ãªè·¯ç·šã§é ‘å¼µã£ã¦ã¿ã¾ã—ãŸã€‚ .iconNew{ width: 3em; text-align: center; background: #54bb00; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3f3f3f; margin: 0 25px 25px 0; letter-spacing: 2px; padding-left: 4px; } .iconNew.arrange01 span{ display: block; -webkit-animation-duration: 1.5s; -webkit-animation-ti
higa1234 2010/07/30
ã‚¢ã‚¤ã‚³ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
èª°ã§ã‚‚ä½œã‚Œã‚‹ï¼ â€œå´©ã‚Œãªã„â€HTMLãƒ¡ãƒ«ãƒžã‚¬ä½œæˆè¡“ï¼ˆ1/4ï¼‰- ï¼ IT
èª°ã§ã‚‚ä½œã‚Œã‚‹ï¼ â€œå´©ã‚Œãªã„â€HTMLãƒ¡ãƒ«ãƒžã‚¬ä½œæˆè¡“ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—ï¼ˆ12ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ ã‚ãƒ¬ã‚¤ãªHTMLãƒ¡ãƒ¼ãƒ«ã‚’ä½œã‚‹ã‚³ãƒ„/Tipsç››ã‚Šã ãã•ã‚“ï¼ ECã‚µã‚¤ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ä¼æ¥ã‚µã‚¤ãƒˆã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã€ã„ã¾ãªãŠãƒ—ãƒƒã‚·ãƒ¥åž‹ã®æƒ…å ±é…ä¿¡ã¨ã—ã¦æ”¯æŒã•ã‚Œã‚‹ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã€‚ä¸€æ™‚ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ€ãƒ¼ã®ç››ã‚Šä¸ŠãŒã‚Šã‚‚ã‚ã‚Šã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨è½ã¡ç€ãã¾ã—ãŸãŒã€ã¾ã ã¾ã ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã®åŠ¹æžœã¯ä¾®ã‚Œã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã€ãã‚“ãªãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã®ä¸ã§ã‚‚ã€è¡¨ç¾åŠ›è±Šã‹ãªHTMLãƒ¡ãƒ«ãƒžã‚¬ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ã€å¾¹åº•è§£èª¬ã—ã¾ã™ï¼ ã€ŒHTMLã€è‡ªä½“ã¯ã€ãã‚Œã»ã©é›£ã—ããªã„ãŒâ€¦â€¦ ã€ŒHTMLã€ã¨ã„ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžè‡ªä½“ã¯ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã«æ¯”ã¹ã‚‹ã¨æ‰‹ãŒå‡ºã—ã‚„ã™ã„ã®ã§ã€Webã‚’ä»•äº‹ã¨ã—ã¦ã„ãªã„æ–¹ã§ã‚‚è§¦ã‚ŒãŸçµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã¯ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãã†ã„ã†äººã«ã¨ã£ã¦ã¯ã€HTMLè¨€èªžè‡ªä½“ã¯ãã‚Œã»ã©é›£ã—ããªã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãã®HTML
higa1234 2010/07/30
webåˆ¶ä½œ

HTMLãƒ¡ãƒ«ãƒžã‚¬

*ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
iPhone Webã‚¢ãƒ—ãƒªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆCSS Nite Vol.40 repriseï¼‰ | Topics | DB - KAYAC Designer's Blogï¼ˆã‚«ãƒ¤ãƒƒã‚¯ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ–ãƒã‚°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€‚æ„åŒ éƒ¨MEèª²ã®tacamyã§ã™ã€‚ CSS Nite 4å‘¨å¹´è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆï¼ˆVol.40 repriseï¼‰ã«ã¦ã”ç´¹ä»‹ã—ãŸ iPhone Webã‚¢ãƒ—ãƒªã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã‚’é…å¸ƒã—ã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®å†…å®¹ã¯ã“ã¡ã‚‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ iphone-tmpl.zip ã‚»ãƒƒãƒˆå†…å®¹ index.html HTML5+iPhoneç”¨HTML css/iphone.css HTMLã®æ–°è¦ç´ ï¼‹iPhoneå°‚ç”¨CSS js/iphone.js URL&æ¤œç´¢ãƒãƒ¼ã‚’æ¶ˆã™æŒ‡å®š js/lib/jquery.js jquery apple-touch-icon.png Webã‚¯ãƒªãƒƒãƒ—ã‚¢ã‚¤ã‚³ãƒ³ cache.manifest ãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ« .htaccess < dd style="margin-bottom:0.5em;">.manifestã®MIMEã‚¿ã‚¤ãƒ—è¨å®š viewportã«ã¤
higa1234 2010/07/30
webåˆ¶ä½œ

javascript

iPhone

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã€æ•™ãˆã¾ã™ (1/3)
ã€ŒWebã‚µã‚¤ãƒˆã‚’iPhoneã‚„Androidã§è¦‹ã‚„ã™ãè¡¨ç¤ºã—ãŸã„ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã—ãŸWebã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã€â€•â€•ãã‚“ãªWebåˆ¶ä½œè€…ã®ãŸã‚ã®æ–°é€£è¼‰ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚PCã‚µã‚¤ãƒˆåˆ¶ä½œã®ãƒŽã‚¦ãƒã‚¦ã•ãˆã‚ã‚Œã°ã€ã€Œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã¯æœªçµŒé¨“ã€ã§ã‚‚å¤§ä¸ˆå¤«ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ˆiPhone/Androidï¼‰å‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€H2O Space.ã®ãŸã«ãã¡ã¾ã“ã¨ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ iPhoneã®å¿«é€²æ’ƒã¨iPhone 4ã®ç™»å ´ã€Androidç«¯æœ«ã®Xperiaã¨Desireã®ãƒ’ãƒƒãƒˆã€auåˆã®å›½ç”£Androidç«¯æœ«ã€ŒIS01ã€ã®ç™ºå£²â€•â€•ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å‹¢ã„ãŒæ¢ã¾ã‚Šã¾ã›ã‚“ã€‚ã„ã¾ã‚„ä¸€éƒ¨ãƒžãƒ‹ã‚¢ã‚„ãƒ“ã‚¸ãƒã‚¹ãƒžãƒ³ã«ã¨ã©ã¾ã‚‰ãšã€å¥³æ€§ã‚„ãŠå¹´å¯„ã‚Šãªã©ã®å¹…åºƒã„å±¤ã«ã¾ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®åˆ©ç”¨ã¯åºƒãŒã‚Šã€ã€Œ1å°ç›®ã®æºå¸¯é›»è©±ã€ã¨ã—ã¦è³¼å…¥ã™ã‚‹äººã‚‚çã—ããªããªã‚Šã¾ã—ãŸã€‚ PCã¨ã®é€£æºã€
higa1234 2010/07/29
webåˆ¶ä½œ

iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
æºå¸¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚ã†ï¼ã€€-ã¡ã‚‡ã£ã¨è©³ã—ã„ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹-
ã•ã£ããã€èªè€…ã®æ–¹ã‹ã‚‰ã€ã€Œiãƒ¢ãƒ¼ãƒ‰ãƒ–ãƒ©ã‚¦ã‚¶ã€ãŒã€Œ2.0ã€ã«ãªã‚Šã¾ã—ãŸãŒã€ æºå¸¯ã‚µã‚¤ãƒˆå¸‚å ´ã¨ã—ã¦ã™ãã«å¯¾å¿œã¯å¿…è¦ã§ã™ã‹ï¼Ÿ ã¨ã„ã†ã”è³ªå•ã‚’é ‚ã„ãŸã®ã§ã€ä»Šæ›´ã§ã¯ã‚ã‚Šã¾ã™ãŒåƒ•ãªã‚Šã®è¦‹è§£ã‚’ãŠä¼ãˆã—ã¾ã™ãã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ ã€Œã‚‚ã¡ã‚ã‚“å‹•å‘ã‚’ã‚¦ã‚©ãƒƒãƒã—ã¦ã„ãã“ã¨ã¯å¿…è¦ã ãŒã€ç„¦ã£ã¦ã™ãã«å¯¾å¿œã™ã‚‹å¿…è¦ã¯ãªã„ã€ ã¨æ€ã„ã¾ã™ã€‚ iãƒ¢ãƒ¼ãƒ‰ãƒ–ãƒ©ã‚¦ã‚¶2.0ãŒãƒ‰ã‚³ãƒ¢æ–°æ©Ÿç¨®ï¼ˆæ˜¨å¹´ã®å¤ãƒ¢ãƒ‡ãƒ«ï¼‰ã«æè¼‰ã•ã‚ŒãŸã¨ãã€ æŠ€è¡“ç³»ã®ãƒ–ãƒã‚°ã§ã¯ã„ã¡æ—©ãéŽåŽ»ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã®é•ã„ã‚’æ¯”è¼ƒã—ãŸæƒ…å ±ã‚’ä¼ãˆã¦ã„ã¾ã—ãŸãŒã€ ç§ã¯ãã®æƒ…å ±ã¯ã‚‚ã¡ã‚ã‚“ä½œã‚Šæ‰‹ã¨ã—ã¦çŸ¥ã‚‹å¿…è¦ã¯ã‚ã‚‹ã¨æ€ã†ã‚“ã§ã™ã‘ã©ã€ ãŠãã‚‰ãçš†ã•ã‚“ãŒæ€ã£ã¦ã„ã‚‹ã®ã¯ã€ãã†ã§ã¯ãªãã¦ã€ ã˜ã‚ƒãã™ãã«å¯¾å¿œã™ã¹ãã‹ã£ã¦ã„ã†ã“ã¨ã ã¨æ€ã†ã‚“ã§ã™ã€‚ ç¢ºã‹ã«æºå¸¯ã‚µã‚¤ãƒˆæ¥ç•Œã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚„å‹•å‘ã¯å¤‰åŒ–ãŒæ—©ã„ã¨è¨€ã‚ã‚Œã¾ã™ãŒã€ XHTML+CSSãƒ™ãƒ¼ã‚¹ã§æºå¸¯ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸä»Šã§ã‚‚ã€ æ ¸ã¨ãªã‚‹åˆ¶ä½œãƒŽã‚¦ãƒã‚¦
higa1234 2010/07/26
æºå¸¯ã‚µã‚¤ãƒˆ

ãƒ¢ãƒã‚¤ãƒ«

tips

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã«å½¹ç«‹ã¤ã€ä½•åº¦ãŠå‹§ã‚ã—ã¦ã‚‚è¶³ã‚Šãªã„ãã‚‰ã„ç´ æ•µãªãƒ„ãƒ¼ãƒ«10é¸ - ã‹ã¡ã³ã¨.net
Webåˆ¶ä½œæ™‚ã€å€‹äººçš„ã«ã‹ãªã‚ŠåŠ©ã‹ã£ ã¦ã„ã‚‹Webã‚¢ãƒ—ãƒªã‚„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãªã© ã‚’ã”ç´¹ä»‹ã€‚ä½•åº¦ãŠå‹§ã‚ã—ã¦ã‚‚è¶³ã‚Šãªã„ ä½ã€åŠ©ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä½Žã‚¹ã‚ãƒ«ãª è‡ªåˆ†ã«ã¨ã£ã¦ã¯ç„¡ã„ã¨å›°ã‚‹ã€‚ãã‚“ãª ãƒ„ãƒ¼ãƒ«ã‚’ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã£ã¨æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ç‰¹ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ã€‚åˆ¶ä½œæ™‚ã«ã¯æ¯Žå›žåˆ©ç”¨ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚åŸºæœ¬çš„ã«ç„¡æ–™ã®ã‚‚ã®ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚é †ä¸åŒã€‚ 960 grid system ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‚‚å«ã‚ã€è‰²ã€…æ‰‹è»½ãªã®ãŒå¬‰ã—ã„ã€‚ä½•ã‚ˆã‚Šã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ãŠå®¢ã•ã‚“å—ã‘è‰¯ã„å‚¾å‘ã«ã‚ã‚‹æ°—ãŒã—ã¾ã™ã€‚ 960 grid system Firebug Webåˆ¶ä½œã¨ã„ãˆã°Firebugã§ã™ãŒã€åƒ•ã¯Chromeæ´¾ãªã®ã§Chromeã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã®Liteç‰ˆã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚å…ƒã€…ã€Chromeã«ã¯ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã—ã€Fxã®Firebugã‚‚ä½¿ã„ã“ãªã›ã¦ãªã‹ã£ãŸã®ã§ã“ã‚Œã§ååˆ†ã€‚ Fi
higa1234 2010/07/09
webåˆ¶ä½œ

*Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Â« zaru blog
ã“ã“æœ€è¿‘ã€è¦šãˆã¦ã‚ˆã‹ã£ãŸãªãƒ¼ã¨æ€ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æ™‚ä»£ã¨ã¨ã‚‚ã«å¤‰ã‚ã£ã¦ã„ãã‘ã‚Œã©ã€ã“ã“1å¹´ã»ã©ã‚¹ã‚¿ãƒ¡ãƒ³ãƒ¬ãƒ™ãƒ«ã§ä½¿ã†CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒçµžã‚‰ã‚Œã¦ããŸã®ã§ã€ã“ã“ã‚‰ã§ã¡ã‚‡ã£ã¨å€‹äººçš„ã«ã‚‚ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ã¨ã€‚ liãƒœãƒƒã‚¯ã‚¹ å¹…ï¼š190px ãƒžãƒ¼ã‚¸ãƒ³ï¼š15px liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ <li>ã«ã¯ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã›ãšã«ã€å·¦å³ã«ã´ã£ãŸã‚Šãã£ä»˜ãã‚ˆã†ã«é…ç½®ãŒå¯èƒ½ã€‚ <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
higa1234 2010/04/23
css

Tips

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
higa1234 2010/04/02
webåˆ¶ä½œ

CSS
ãƒªãƒ³ã‚¯
iPhoneç”Ÿæ´»
ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã€2008å¹´7æœˆ11æ—¥ã«æ—¥æœ¬ã§ç™ºå£²ã¨ãªã£ãŸiPhone 3Gã«é–¢é€£ã™ã‚‹æƒ…å ±ã‚’é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ä¸Šéƒ¨ã®ãƒœã‚¿ãƒ³é¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã”è¦§ãã ã•ã„ã€‚ æœ€è¿‘ã®æ›´æ–° 2008å¹´09æœˆ16æ—¥ å…¥é–€ã€€ï¼žã€€ä¾¿åˆ©ãªTips/è£æŠ€ 2008å¹´09æœˆ08æ—¥ å…¥é–€ã€€ï¼žã€€ä¾¡æ ¼ãƒ»é€šä¿¡è²»ã®ã¾ã¨ã‚ 2008å¹´08æœˆ28æ—¥ ã‚¢ã‚¯ã‚»ã‚µãƒªãƒ¼ã€€ï¼žã€€ã‚¯ãƒªã‚¹ã‚¿ãƒ«/ã‚¢ãƒ³ãƒã‚°ãƒ¬ã‚¢ãƒ•ã‚£ãƒ«ãƒ 2008å¹´08æœˆ26æ—¥ Webé–‹ç™ºã€€ï¼žã€€æŽ¨å¥¨ã•ã‚Œã‚‹è¨è¨ˆ 2008å¹´08æœˆ25æ—¥ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã€€ï¼žã€€Google Mapsèµ·å‹•
higa1234 2010/03/24
iPhone

webé–‹ç™º

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸