[B! html] mosotanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mosotan id:mosotan

htmlã«é–¢ã™ã‚‹mosotanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (47)

${{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ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚ˆã† | Casley Deep Innovationsæ ªå¼ä¼šç¤¾ æŠ€è¡“ãƒ–ãƒã‚°
çš†æ§˜ã“ã‚“ã«ã¡ã¯ã€‚ ã‚ãƒ£ã‚¹ãƒ¬ãƒ¼ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã€CC(CSVã‚¯ãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³)éƒ¨ã®ç´°è¦‹ã§ã™ã€‚ ä»Šå›žã¯ã€HTMLã¨CSSã ã‘ã§ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ã‚’ã€ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã£ã¦ãªã«ï¼Ÿã€ã¨æ€ã‚ã‚Œã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ ã¾ãšã¯ã€ãã®è¨€è‘‰ã®æ„å‘³ã‹ã‚‰è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã¯ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹(en. Parallax)ã¨ã¯ã€æ—¥æœ¬èªžã§ã€Œè¦–å·®ã€ã¨ã„ã†æ„å‘³ã§ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸–ç•Œã«ãŠã„ã¦ã¯ã€ã€Œè¦–å·®åŠ¹æžœã€ã¨ã‚‚å‘¼ã°ã‚Œã€ç”»é¢ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã„ã£ãŸå‹•ä½œã®éš›ã« è¦ç´ ã‚’ç•°ãªã‚‹é€Ÿåº¦ã§å‹•ã‹ã—ãŸã‚Šã™ã‚‹ã“ã¨ã§ã€ã‚ãŸã‹ã‚‚ç«‹ä½“ã§å¥¥è¡ŒããŒã‚ã‚‹ã‚ˆã†ã«è¦‹ã›ã‚‹æ‰‹æ³•ã¨ã®ã“ã¨ã§ã™ã€‚ æœ€è¿‘ã§ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚å¢—ãˆã¤ã¤ã‚ã‚Šã€å˜ã«é€Ÿåº¦ã®å¤‰æ›´ã ã‘ã§ãªãã€æ§˜ã€…ãªå‹•ãã‚’æŒãŸã›ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 2. å®Ÿéš›ã«è§¦ã£ã¦ã¿ã¾ã—ã‚‡ã† ã¾ãšã¯ã€ã“ã¡ã‚‰
mosotan 2018/10/18
html

css

image
ãƒªãƒ³ã‚¯
https://blog.mismithportfolio.com/web/20150320drawer
mosotan 2017/01/24
jQuery

css

html
ãƒªãƒ³ã‚¯
sakurachiro.com
sakurachiro.com 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
mosotan 2017/01/13
firefox

chrome

tips

css

html
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - ãƒ†ã‚ã‚¹ãƒˆã‚’çœç•¥ãƒ»é–‹é–‰ - ç¶šãã‚’èªã‚€ - Collapser
æŒ‡å®šã—ãŸæ–‡å—æ•°ã§ãƒ†ã‚ã‚¹ãƒˆã‚’çœç•¥ãƒ»é–‹é–‰ã™ã‚‹ã€Œç¶šãã‚’èªã‚€ã€ã‚’å®Ÿè£…ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCollapserã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒfunTextã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã€æŒ‡å®šã—ãŸã€Œæ–‡å—æ•°ã€ã€Œãƒ¯ãƒ¼ãƒ‰æ•°ã€ã€Œè¡Œæ•°ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’çœç•¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã—ã‹ã‚‚ã€çœç•¥ã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚’èªã‚€ãŸã‚ã®ã€Œç¶šãã‚’èªã‚€ã€ãƒœã‚¿ãƒ³ã§é–‹é–‰ã¨ã„ã£ãŸæ©Ÿèƒ½ã‚‚å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã¯ã€ä»¥ä¸‹ã®é …ç›®ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ¢ãƒ¼ãƒ‰ã€Œæ–‡å—æ•°ï¼ˆcharsï¼‰ã€ã€Œãƒ¯ãƒ¼ãƒ‰æ•°ï¼ˆwordsï¼‰ã€ã€Œè¡Œæ•°ï¼ˆlinesï¼‰ã€é–‹é–‰ã®ã‚¹ãƒ”ãƒ¼ãƒ‰çœç•¥ã™ã‚‹æ–‡å—æ•°ã€Œç¶šãã‚’èªã‚€ã€ã®ãƒ†ã‚ã‚¹ãƒˆâ€¦â€¦ãªã© ãã‚Œã§ã¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã”è¦§ãã ã•ã„ã€‚ ã€ŒCollapserã€ã®ãƒ‡ãƒ¢ ã‚½ãƒ¼ã‚¹ï¼ˆ HTML + jQuery ï¼‰<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="des
mosotan 2017/01/11
jQuery

javascript

webdesign

html
ãƒªãƒ³ã‚¯
å¦»ã®ãƒ‘ãƒ³å±‹ã®Webã‚µã‚¤ãƒˆã‚’å››è‹¦Hackã—ã¦IEå¯¾å¿œã—ãŸè©± - give IT a try
ã¯ã˜ã‚ã« æ˜¨æ—¥å…¬é–‹ã—ãŸã€Œç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã®å†…å®¹ã‚’å‚è€ƒã«ã—ã¦å¦»ã®ãƒ‘ãƒ³å±‹ã®Webã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã¿ãŸã€ã®ç¶šç·¨ã‚’æ›¸ãã¾ã™ã€‚ ä»Šå›žã¯åƒ•ãŒè‹¦åŠ´ã—ãŸIE6ã€œ8å¯¾å¿œã®ãŠè©±ã§ã™ã€‚ å®Ÿã¯IE8ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‰²åˆã¯IE9ã«æ¬¡ã„ã§ç¬¬2ä½ï¼ Macä¸‡æ³ï¼Chromeä¸‡æ³ï¼ãªåƒ•ã«ã¨ã£ã¦ã€IEã¯ã€Œã©ã†ã›ä½¿ã†ã“ã¨ãªã„ã—ã€ã©ã†ã§ã‚‚ã„ã„ã‚ˆãã€œã€ã¨ã„ã†ã€Œå¿ƒã®ä¸ã§ã‚µãƒãƒ¼ãƒˆå¯¾è±¡å¤–ãªãƒ–ãƒ©ã‚¦ã‚¶ã€ã§ã—ãŸã€‚ ã—ã‹ã—ã€åº—ã®Webã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžã‚’è¦‹ã¦ã¿ã‚‹ã¨ã€å®Ÿã¯IE9ã¨IE8ãŒ1ä½ã€2ä½ã‚’å ã‚ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ã‚ˆãè¦‹ã‚‹ã¨8ä½ã«ã¯IE6ãŒã¾ã ã—ã¶ã¨ãç”Ÿãæ®‹ã£ã¦ã„ã¾ã™ã€‚ ã“ã®çµæžœã‚’è¦‹ã‚‹ã¨ã€ã€Œã†ãƒ¼ã‚“ã€ã“ã‚Šã‚ƒå®Œå…¨ã«ç„¡è¦–ã™ã‚‹ã‚ã‘ã«ã¯ã„ã‹ã‚“ãªãƒ»ãƒ»ãƒ»ã€ã¨è€ƒãˆã–ã‚‹ã‚’å¾—ã¾ã›ã‚“ã§ã—ãŸã€‚ IEå¯¾å¿œã‚’å…¨ãè€ƒæ…®ã—ã¦ã„ãªã„ã¨ã“ã†ãªã‚‹ ã¾ãšæœ€åˆã«ã€IEå¯¾å¿œã‚’å…¨ãè€ƒæ…®ã—ã¦ã„ãªã„ã¨ã€ã„ã£ãŸã„ã©ã‚“ãªè¡¨ç¤ºã«ãªã‚‹ã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒˆãƒƒãƒ—ãƒš
mosotan 2013/01/24
javascript

html

web

chrome

css
ãƒªãƒ³ã‚¯
CSSãƒãƒƒã‚¯ä¸€è¦§
CSSãƒãƒƒã‚¯ä¸€è¦§ - IE, Firefox, Safariãªã©ãªã©ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§è¦‹ãŸã‚‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€‚ã€‚CSSãƒãƒƒã‚¯ã¯ãã‚“ãªæ™‚ã®ãŠå½¹ç«‹ã¡è£æŠ€ï¼ˆï¼Ÿï¼‰ã§ã™ã€‚ç§ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã„ã‚‹CSSãƒãƒƒã‚¯ã«é–¢ã™ã‚‹Webã‚µã‚¤ãƒˆãŒãŸãã•ã‚“ã‚ã£ãŸã®ã§ï¼ˆSafariãŒã®ã£ã¦ãªã„ãƒ»IE8ã—ã‹ã®ã£ã¦ãªã„ã€‚ã€‚ç‰ã®ç†ç”±ã§ï¼‰ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ã€Œã“ã‚“ãªã‚„ã‚Šæ–¹ã‚‚ã‚ã‚‹ï¼ã€ã¨ã„ã†ã®ãŒã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆã—ã¦æ•™ãˆã¦ãã ã•ã„ï¼ Internet ExplorerIE6 ä»¥ä¸‹#help_me { _color: blue; } * html #help_me { color: red; } IE7*:first-child + html #help_me { color: red; } * + html #help_me { color: red; } IE6, IE7#help_me { /color: blue; } IE8#hel
mosotan 2012/11/20
tips

html

css

webdesign
ãƒªãƒ³ã‚¯
IE7 ãƒã‚°ã€€æ—©è¦‹è¡¨ by nobu
CSSã®ãƒã‚°ã«åŠ¹æžœã®ã‚ã‚‹hasLayoutã®æŒ‡å®šæ–¹æ³• hasLayoutã‚’å¤‰æ›´ã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¯ã€ã€Œfloatã€ã€Œpositionã€ã€Œwriting-modeã€ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãã®å€¤ã‚’æŒ‡å®šã§ããªã„ãªã©ã®åˆ¶é™ãŒã‚ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€ã€Œheight="1%"ã€ã®ã‚ˆã†ã«ç‰¹å®šã®ç®‡æ‰€ã«ã¯ä½¿ç”¨ã§ããªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã»ã¨ã‚“ã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ã€æ‹¡å¤§ç¸®å°ã›ãš100%ã®çŠ¶æ…‹ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«åˆ©ç”¨ã—ã¦ã‚‚ã‚‰ã†ã“ã¨ã‚’å‰æã«åˆ¶ä½œã—ã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã€ã“ã®ã€Œzoomã€ã‚’åˆ©ç”¨ã—ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ãŒã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ CSSã®ãƒã‚°ã«åŠ¹æžœã®ã‚ã‚‹hasLayoutã®æŒ‡å®šæ–¹æ³• *{zoom:1;} ã€Œ*ã€ã¯å…¨ã¦ã®ã‚¿ã‚°ã«é©å¿œã™ã‚‹æ„å‘³ã«ãªã‚Šã¾ã™ã€‚ å…¨ã¦ã‚’å¯¾è±¡ã«ã™ã‚‹ã®ãŒå…·åˆã®æ‚ªã„å ´åˆã¯ã€å€‹åˆ¥ã®ç®‡æ‰€ã«æŒ‡å®šã—ã¦ãã ã•ã„ã€‚ èƒŒæ™¯è‰²ãŒæŒ‡å®šã•ã‚ŒãŸè¦ç´ å†…ã§floatãŒã‚ã‚‹æ™‚ã€è¦ç´ å†…ã®æ–‡å—ãŒæ¶ˆãˆã‚‹ã¨ã‹ã€ floatã«å¾Œç¶šã™ã‚‹marginã®å€¤
mosotan 2012/11/20
html

css

webdesign
ãƒªãƒ³ã‚¯
NotFound
ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢ Category æœ€è¿‘ã®ãƒ¡ãƒ¢ æ¤œç´¢ NotFound ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ æˆ»ã‚‹ ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ ç”³ã—è¨³ã”ã–ã„ã¾ã›ã‚“ã€‚ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‹ã‚‰æ¤œç´¢ã—ã¦ãã ã•ã„ã€‚ RSSãƒ•ã‚£ãƒ¼ãƒ‰ ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ãƒ‡ã‚¶ã‚¤ãƒ³è¨å®š ãƒšãƒ¼ã‚¸ã®å…ˆé ã¸
mosotan 2012/11/20
web

css

webdesign

html
ãƒªãƒ³ã‚¯
IE8ã§imgã®æ¨ªå¹…ã ã‘ç¸®å°è¡¨ç¤ºã•ã‚Œã‚‹ä¸å…·åˆï¼Ÿ(max-widthãŒã†ã¾ãåæ˜ ã•ã‚Œãªã„ï¼‰ | æŸæ°ã®çŒ«ç©º
IE8ã§imgã®æ¨ªå¹…ã ã‘ç¸®å°è¡¨ç¤ºã•ã‚Œã‚‹ä¸å…·åˆï¼Ÿ(max-widthãŒã†ã¾ãåæ˜ ã•ã‚Œãªã„ï¼‰æŠ•ç¨¿ : 2011-02-08æ›´æ–° : 2013-05-18 ç”»åƒã‚’ç¸®å°è¡¨ç¤ºã—ã‚ˆã†ã¨ã—ã¦ã€320pxX240pxã«æŒ‡å®šã™ã‚‹ã¨ãªãœã‹ã€æ¨ªå¹…ã ã‘ãŒ24pxã§è¡¨ç¤ºã•ã‚Œã‚‹ä¸å…·åˆã«ã‚ã„å›°ã‚Šã¾ã—ãŸã€‚Bloggerã®æŠ•ç¨¿ç”»é¢ã§ç”»åƒæŒ¿å…¥ã—ãŸã¨ãã®å‹•ä½œã§ã™ã€‚IE8ã ã‘èµ·ã“ã£ã¦ã€ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å•é¡Œãªãè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã“ã¨ã¯ç¢ºèªã—ã¾ã—ãŸã€‚ ã“ã®ç¾è±¡ã«é–¢ã—ã¦ã€Googleã§æ¤œç´¢ã—ãŸã®ã§ã™ãŒãªã‹ãªã‹åŽŸå› ã‚‰ã—ãã‚‚ã®ãŒè¦‹ã¤ã‹ã‚‰ãšã«å›°ã£ã¦ã¾ã—ãŸã€‚æœ€çµ‚çš„ã«ç™ºè¦‹ã—ãŸã®ã¯ã€IE8ã®max-widthã§ã¯ã¾ã‚‹ï¼ˆnybbã®é›‘è¨˜ï¼‰ã§ã™ å¯¾å‡¦1 ç”»åƒã«å…¥ã£ã¦ã„ãŸwidhtã®å€¤ã‚’å‰Šé™¤ã™ã‚‹ã€€â†’ã€€OK å¯¾å‡¦2 cssã®imgã«å¯¾ã—ã¦ã®ã€ã€Œmax-width:100%;ã€ã®è¨˜è¿°ã‚’å‰Šé™¤ã™ã‚‹ã€€â†’ã€€OK via: IE8ã®max-widthã§ã¯ã¾ã‚‹ï¼ˆnybbã®é›‘
mosotan 2012/11/15
css

html

Image

web

webdesign
ãƒªãƒ³ã‚¯
10åˆ†ãã‚‰ã„ã§åˆ†ã‹ã‚‹XHTML+CSS
ã“ã®ãƒ–ãƒã‚°ã‚’ãŠèªã¿ã®æ–¹ã«ã¯æ—¢ã«ä¸å¿…è¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€XHTML 1.0 ã¨ CSS 2.1 ã®å…¥é–€è¨˜äº‹ã§ã™ã€‚ ç¤¾ä¼šäººã®ãŸã‚ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¯ãƒ¼ãƒ« ç”¨ã«ä½œæˆã—ãŸãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚’ã‚‚ã¨ã«è¨˜äº‹ã«ã—ã¦ã„ã¾ã™ã€‚ æŽˆæ¥ã®æ™‚ã¯ã€å…ˆã«ã“ã®è©±ã‚’ã—ã¦ã‹ã‚‰ XHTML ã‚’æ›¸ã„ã¦ã‚‚ã‚‰ã†ã®ã§ã¯ãªãã€å…ˆã« HTML/XHTML&ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ¬ãƒƒã‚¹ãƒ³ãƒ–ãƒƒã‚¯â€•ã‚¹ãƒ†ãƒƒãƒ—ãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—å½¢å¼ã§ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ ã‚’èªã¿ãªãŒã‚‰ XHTML ã¨ CSS ã§ç°¡å˜ãªãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¦ã‹ã‚‰ã“ã®è©±ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãã®ç†ç”±ã¨ã—ã¦ã¯ã€HTML ã‚„ XHTML ã‚’1åº¦ã‚‚æ›¸ã„ãŸã“ã¨ãŒãªã„æ–¹ã«ã€Œãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã‚„ã€Œã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã€ã€CSS ã®ã€Œã‚»ãƒ¬ã‚¯ã‚¿ã€ç‰ã®è©±ã‚’ã—ã¦ã‚‚ä½•ã®ã“ã¨ã‹åˆ†ã‹ã‚Šã«ãã„ã ã‚ã†ã¨è€ƒãˆã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ â€»ã“ã®è¨˜äº‹ã¯2012å¹´ã«åŸ·ç†ã—ãŸã‚‚ã®ã§ã™ã€‚ç¾åœ¨ã® ç¤¾ä¼šäººã®ãŸã‚ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¯ãƒ¼ãƒ« ã§ã¯ã€HTMLãƒ»CSS ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã¤ã„ã¦ã¯
mosotan 2012/03/22
html

XHTML

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

html

css

design

summary
ãƒªãƒ³ã‚¯
æ‰‹ã£å–ã‚Šæ—©ãæºå¸¯ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹æ™‚ã®htmlãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ - webã®äºº @ryryo
æœ€è¿‘phpã‚’ã„ã˜ã‚‹ãŒã¦ã‚‰ã€ã²ã•ã³ã•ã«æºå¸¯ã‚µã‚¤ãƒˆã«è§¦ã‚Œã¦ã„ã‚‹ãŸã‚ãƒ¡ãƒ¢ãƒ¡ãƒ¢ã€‚ æºå¸¯ã‚µã‚¤ãƒˆã§è£…é£¾ã‚’å…¥ã‚Œã‚‹ã¨ãªã‚‹ã¨i-cssãŒäº‘ã€…ã£ã¦è©±ãŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€æ£ç›´ãƒ†ã‚¹ãƒˆã‚µã‚¤ãƒˆã§ãã‚“ãªé¢å€’ãªã“ã¨ã‚’ã—ã¦ã„ã‚‰ã‚Œãªã„ã®ã§ã€ã ã„ãŸã„ä»¥ä¸‹ã®ã‚ˆã†ãªhtmlã§ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšæºå¸¯ã‚µã‚¤ãƒˆä½œã‚ŠãŸã„æ™‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
mosotan 2010/09/18
html

web

tips

mobile
ãƒªãƒ³ã‚¯
æ°¸ä¹…ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆä»¥ä¸‹ã€MEï¼‰ã®tacamyã§ã™ï¼(`ãƒ»Ï‰ãƒ»Â´) ã‚«ãƒ¤ãƒƒã‚¯ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ ãã‚“ãªãƒ¯ã‚±ã§ã€æœ¬æ ¼çš„ã«HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã—ãªã„ã‘ã©ã€ ã¡ã‚‡ã“ã£ã¨ã—ãŸãƒšãƒ¼ã‚¸ãªã‚‰çµ„ã¿ã¾ã™ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®ã€ ã€Œã‚³ãƒ¬ã ã‘èªã‚ã°ã™ãã§ãã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã‚’å§‹ã‚ã¾ã—ãŸã€‚ ç¬¬ä¸€å›žã¯ã€Œæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã§ã™ã€‚ æºå¸¯ã¯PCã¨ã¯å…¨ãã®åˆ¥ç‰©ãªã®ã§ã€ãªã‚“ã¨ãªãæ•¬é ã—ãŒã¡ã§ã™ãŒã€ æœ€ä½Žé™ã®å†…å®¹ã§ã‚ã‚Œã°è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—ã€ ä¸€åº¦è¦šãˆã¦ã—ã¾ãˆã°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã—ã°ã‚‰ãå¤‰ã‚ã‚‰ãªã„ã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ æºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ åŸºç¤Žã®åŸºç¤Ž æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯Shift-JIS CSSã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§æŒ‡å®šï¼ˆã‚¿ã‚°ã«ç›´æŽ¥styleå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ï¼‰ ç”»åƒã‚’å«ã‚€ãƒšãƒ¼ã‚¸å®¹é‡100KBä»¥å†…ï¼ˆHTMLè‡ªä½“ã®å®¹é‡ã¯9KBä»¥å†…ï¼‰ ç”»åƒã¯gifã‹
mosotan 2010/09/07
html

php

css

mobile

webdesign

summary
ãƒªãƒ³ã‚¯
CSSã§å®Ÿç¾ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã«æ•ã‚ã‚Œãªã„é›‘èªŒé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ | 07design.blog
ä»•äº‹ã®ç¾å ´ã§ã€ãŸã¾ã«ç´™åª’ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é–¢ã‚ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨ã€ç™ºæƒ³ã®é•ã„ã«é©šãã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚‚ã¨ã‚‚ã¨webã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ãŸã®ã§ã€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ®µéšŽã§ã™ã§ã«æ§‹é€ çš„ãªé…ç½®ã®ä»•æ–¹ã‚’å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã®ã›ã„ã§è¦–è¦šçš„åŠ¹æžœã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã•ãŒè¶³ã‚Šãªãƒ»ãƒ»ãƒ»ä»•äº‹ã®ç¾å ´ã§ã€ãŸã¾ã«ç´™åª’ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é–¢ã‚ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨ã€ç™ºæƒ³ã®é•ã„ã«é©šãã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã‚‚ã¨ã‚‚ã¨webã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ãŸã®ã§ã€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ®µéšŽã§ã™ã§ã«æ§‹é€ çš„ãªé…ç½®ã®ä»•æ–¹ã‚’å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã§ã™ãŒã€ ãã®ã›ã„ã§è¦–è¦šçš„åŠ¹æžœã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã•ãŒè¶³ã‚Šãªã„ã€ã‚°ãƒªãƒƒãƒ‰ã«æ•ã‚ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ çµ¶å¯¾çš„é…ç½®ã§è‡ªç”±ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãã‚‹ç´™åª’ä½“ã¨ã¯é•ã„ã€webã«ã¯ã‚‚ã¨ã‚‚ã¨ã®åˆ¶ç´„ãƒ»ç’°å¢ƒã«ã‚ˆã‚‹å·®ç•°ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚ˆã‚‹é…ç½®ã®é›£ã—ã•ãªã©ãŒã‚ã‚Šã€ã©ã†ã—ã¦ã‚‚è¦–è¦šåŠ¹æžœã«ã‚ˆã‚‹ã‚¢ãƒ”ãƒ¼ãƒ«ã¯ç´™ã«åŠ£ã£ã¦ã—ã¾ã†ã®ã‹ãªã€ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§
mosotan 2010/08/03
web

html

photo

css

design

webdesign
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—ï¼ˆhã‚¿ã‚°ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚è¦‹å‡ºã—ã«ã¯CSS3ã‚„ç”»åƒã‚’ä½¿ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ä¸€å¿œã‚ˆãä½¿ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»è¿½è¨˜6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ è¦‹å‡ºã—(Headline)ã®ã‚µãƒ³ãƒ—ãƒ«é›† è‰²ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚µã‚¤ã‚ºç‰ã®è£…é£¾éƒ¨åˆ†ã¯ ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«03 .selector03{ bor
mosotan 2010/06/14
css

design

web

webdesign

html
ãƒªãƒ³ã‚¯
Top - FireMobileSimulator.org
FireMobileSimulatorã¯Firefox/Chromeç‰ˆã¨ã‚‚ã«é…å¸ƒãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’çµ‚äº†ã—ã¾ã—ãŸã€‚æœ¬ãƒšãƒ¼ã‚¸ã®å†…å®¹ã¯è¨˜éŒ²ã®ã¿ã®ç›®çš„ã§æ®‹ã—ã¦ã„ã¾ã™ã€‚ FireMobileSimulatorã¨ã¯ï¼Ÿ FireMobileSimulatorã¯ã€ä¸»è¦ï¼“ã‚ãƒ£ãƒªã‚¢ï¼ˆDoCoMo/Au/SoftBankï¼‰ã®æºå¸¯ç«¯æœ«ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã—ã¦ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆé–‹ç™ºã‚’å®¹æ˜“ã«ã™ã‚‹ãŸã‚ã«ä½œæˆã•ã‚ŒãŸGoogle Chrome/Firefoxã®æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚æºå¸¯ç«¯æœ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã€çµµæ–‡å—è¡¨ç¤ºã€ä½ç½®æƒ…å ±é€ä¿¡æ©Ÿèƒ½ãªã©ã®å‹•ä½œã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‚’PCã§é–²è¦§ã™ã‚‹ãŸã‚ã«ã€å¾“æ¥ã‹ã‚‰ã‚ã‚‹æ–¹æ³•ã¨ã—ã¦ã€ã‚ãƒ£ãƒªã‚¢å…¬å¼ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã®ä½¿ç”¨ã€Proxyã®ä½¿ç”¨ã€Firefoxã®useragent switcher+modify headersã®çµ„ã¿åˆã‚ã›ç‰ã€è‰²ã€…ã¨æ‰‹æ®µã¯ã‚ã‚Šã¾ã—ãŸãŒã€ã“ã‚Œã‚‰ã®æ–¹æ³•ã¯ãã‚Œãž
mosotan 2010/05/12
æºå¸¯ã‚µã‚¤ãƒˆã‚·ãƒ¥ãƒŸãƒ¬ãƒ¼ã‚¿ãƒ¼

firefox

extension

html

XHTML

mobile
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸ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
mosotan 2010/04/24
css

webdesign

html

tips
ãƒªãƒ³ã‚¯
iPhoneãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œæˆã—ã‚ˆã†:phpspoté–‹ç™ºæ—¥èªŒ
ä»Šæ›´ã€ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€iPhoneãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³ä½œæˆæ³•ã®ã‚¨ãƒ³ãƒˆãƒªãŒã‚ãŒã£ã¦ã„ãŸã®ã§å‚è€ƒã«ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚iPhoneãƒ¦ãƒ¼ã‚¶ç”¨ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«ä½¿ãˆã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ãª 57x57 ãƒ”ã‚¯ã‚»ãƒ«ã®PNGç”»åƒã‚’ä½œã‚Šã¾ã™ã€‚ ä½œã£ãŸã‚‰ã‚µãƒ¼ãƒã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ãã—ã¦ã€HTMLã‚¿ã‚°ã‚’è¿½è¨˜ã—ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’å…‰ã‚‰ã›ãŸã„å ´åˆ iPhoneã«ã¯ãƒœã‚¿ãƒ³ã‚’ç«‹ä½“çš„ã«å…‰ã‚‰ã›ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ãŒã“ã‚Œã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®HTMLã§ã™ã€‚ <link rel="apple-touch-icon" href="/path/to/icon.png" /> ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’å…‰ã‚‰ã›ãŸããªã„å ´åˆ è‡ªåˆ†ã§å…‰ã‚‹éƒ¨åˆ†ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã¨ã„ã†å ´åˆã¯ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ãŒä½¿ãˆã‚‹ã¿ãŸã„ <link rel="apple-touch-icon-precomposed" href="/path/to/icon.png" /> å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’ä»•è¾¼
mosotan 2009/12/10
icon

iPhone

html

tips

web
ãƒªãƒ³ã‚¯
css-lecture.com
mosotan 2009/11/24
css

html

webdesign

tips

summary

design
ãƒªãƒ³ã‚¯
ã¨ã£ã¦ã‚‚ä½¿ãˆã‚‹overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ãã®ä½¿ã„æ–¹è‰²ã€…ã€‚
å…‰ã®4æˆ¦å£«ã‚’è²·ã£ãŸã‚“ã™ãŒã€å£²ã‚Šæ–‡å¥é€šã‚Šãƒ¬ãƒˆãƒãªæ„Ÿã˜ãŒã—ã¦ã„ã„ã§ã™ãã€‚ ã¾ãã¾ã 2, 3æ™‚é–“ç¨‹åº¦ã—ã‹ã‚„ã£ã¦ãªã„ã‚“ã§ã€ã“ã‚Œã‹ã‚‰ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒæ™‚é–“ã‚’è¦‹ã¤ã‘ã¦ã‚„ã£ã¦è¡Œã“ã†ã‹ã¨ã€‚ ã•ã¦ã€ä»¥å‰ã‹ã‚‰overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä½¿ã„å‹æ‰‹ãŒè‰¯ã„ã¨ã„ã†ã‹ã€ä½¿ã†å ´é¢ãŒå¤šã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä¸€ã¤ã§ã™ãŒã€è€ƒãˆã¦ã¿ã‚‹ã¨è‰²ã‚“ãªäº‹ã«ä½¿ã£ã¦ã‚‹ãªãï½žã¨æ€ã£ãŸã®ã§è‡ªåˆ†ãŒè‰¯ãä½¿ã†ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚ã‚“ã¾overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸäº‹ãŒç„¡ã„æ–¹ã¯ã€ãƒ“ãƒƒã‚¯ãƒªã§ã™ã‚ˆï¼ ã“ã‚Œã§ã€ã‚½ã‚³ã®å¯æ„›ã„ã‚¢ãƒŠã‚¿ã‚‚overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è™œã«ãªã‚‹äº‹é–“é•ã„ç„¡ã—ï¼ï¼ï¼ˆã‚ã‹ã‚“ãªã„ã‘ã© ã‚µãƒ³ãƒ—ãƒ«ã¨ã‹ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åŸºæœ¬çš„ã«ã€å…¨ã¦overflow: hidden; ã®æŒ‡å®šã‚’è¶³ã™äº‹ã§è§£æ±ºã—ãŸã‚Šå®Ÿç¾å‡ºæ¥ã‚‹æ„Ÿã˜ã§ã™ã€‚ 01 clearfixã¿ãŸã„ã«ä½¿ã† ã¾ãšã¯ä»¥å‰ã®ã€Œclearfixã‚’ä½¿ã‚ãªã„ã§ã‚„ã‚‹ã«
mosotan 2009/11/02
css

design

html

tips

web

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