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

saladdays id:saladdays

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

${{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ã‚³ãƒ¼ãƒ€ãƒ¼ãŒãŠã•ãˆã‚‹ã¹ãinputã‚¿ã‚°ã®æ›¸ãæ–¹ã¾ã¨ã‚ - ICS MEDIA
ã¿ãªã•ã‚“ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹éš›ã€ã©ã®ã‚ˆã†ãªæ–½ç–ã‚’ãŠã“ãªã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€å…¥åŠ›é …ç›®ã‚’è¦‹ç›´ã—ãŸã‚Šã€å…¥åŠ›ã‚¹ãƒ†ãƒƒãƒ—ã‚’æ˜Žç¢ºã«ã—ãŸã‚Šãªã©ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ã‚’ãŠã“ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã®ã“ã¨ã§ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒã‚ãŒã£ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãªã„ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ã¯EFOå¯¾ç– = Entry Form Optimizationã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚ ã‚µã‚¤ãƒˆã®è¨è¨ˆæ®µéšŽã§æ¤œè¨Žã™ã¹ãã“ã¨ãŒå¤šã„ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚‚è€ƒæ…®ã™ã¹ãäº‹ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯HTMLã‚³ãƒ¼ãƒ€ãƒ¼ãŒã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹éš›ã«è€ƒæ…®ã™ã¹ãç‚¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ â€»æœ¬è¨˜äº‹ã§ã¯æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«é©ã—ãŸHTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã®ç´¹ä»‹ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¢ã‚¯ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã§ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã”äº†æ‰¿ãã ã•ã„ã€‚ è‡ªå‹•å…¥åŠ›æ©Ÿèƒ½ã«å¯¾å¿œã—ã‚ˆã† Google Chromeï¼ˆãƒ‡ã‚¹ã‚¯ãƒˆãƒƒ
saladdays 2016/03/10
html

form

ui

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
HTML ã® ã€œ å†…ã«æ›¸ãã‚¿ã‚°ã®é †ç•ªã«ã‚‚æ°—ã‚’é£ã£ã¦ã¿ãŸã€‚
ä»Šã‚¢ãƒŠã‚¿ãŒã”è¦§ã«ãªã£ã¦ã„ã‚‹ã€ã“ã®ã‚ªãƒ³ã‚ºã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯èªã¿è¾¼ã¿é€Ÿåº¦ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã‚„å„ç¨®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ç¶æŒã®ãŸã‚ã«éšæ™‚å¾¹åº•ã—ãŸæ”¹å–„ä½œæ¥ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚‚æœ¬ãƒ–ãƒã‚°ã«ã¦æ§˜ã€…ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€ä»Šæ—¥ã¯<head>ã€œ</head>ã‚¿ã‚°å†…ã®ã‚³ãƒ¼ãƒ‰ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã€å¼Šç¤¾ãŒå®Ÿéš›ã«è¡Œã£ã¦ã„ã‚‹HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒãˆæ–¹ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€Œè¦ç´ ã‚’æ¤œè¨¼ã€ã—ã¦å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã®ã§ã™ãŒã€å‚è€ƒã¾ã§ã«ä»¥ä¸‹ã«ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦è¨˜è¼‰ã—ã¾ã™ã€‚ ä»Šæ—¥ï¼ˆ2016å¹´1æœˆ20æ—¥ï¼‰ç¾åœ¨ã®ã‚ªãƒ³ã‚ºã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®<head>ã€œ</head>ã‚¿ã‚°ã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
saladdays 2016/02/09
html

tips
ãƒªãƒ³ã‚¯
ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°HTML/CSS ï½žãƒ¬ã‚¬ã‚·ãƒ¼ä¸–ç•Œã‚’è¶…ãˆã¦ï½ž #scripty03
2015/3/10ã®å‹‰å¼·ä¼šã«ã¦ç™ºè¡¨ã•ã‚ŒãŸè³‡æ–™ã§ã™ã€‚ SCRIPTY#3ã€€ï½žãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç´³å£«ãƒ»æ·‘å¥³ã®ãŸã‚ã®å‹‰å¼·ä¼šï½ž http://scripty.connpass.com/event/12374/Read less
saladdays 2015/09/23
ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

html

css
ãƒªãƒ³ã‚¯
ä½œã£ã¦åˆ†ã‹ã‚‹HTMLãƒ¡ãƒ¼ãƒ«ã®åŸºæœ¬ã¨ä½¿ãˆã‚‹ã‚¿ã‚°ï¼CSSã¾ã¨ã‚ (1/2)
Em ailology - The Science of Looking Good in the Inbox HTMLã®å†’é å®Ÿéš›ã«ãƒ¡ãƒ¼ãƒ«ã®HTMLã‚’ä½œæˆã—ã¾ã—ã‚‡ã†ã€‚HTMLã®å†’é ã®æ–‡ç« åž‹å®£è¨€ã¯ã€ŒXHTML 1.0 Transitionalã€ã‚’æŒ‡å®šã—ã€HTMLãƒšãƒ¼ã‚¸ã®å§‹ã¾ã‚Šã‚’å®£è¨€ã—ã¦ã„ã¾ã™ã€‚ headè¦ç´ ã§ã¯ã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã€ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã€viewportã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚HTMLã®æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯ã€ŒUTF-8ã€ã€Webãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¡¨ã™titleè¦ç´ ã¯ã€ç©ºï¼ˆã‹ã‚‰ï¼‰ã§ã™ã€‚viewportã®è¨å®šã¯æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹å¹…ã«ã€åˆæœŸæ‹¡å¤§çŽ‡ã¯1.0ã®ç‰å€ã§ã™ã€‚ â– HTMLå†’é <!DOCTYPEÂ htmlÂ PUBLICÂ "-//W3C//DTDÂ XHTMLÂ 1.0Â Transitional//EN"Â "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
saladdays 2015/05/23
ãƒ¡ãƒ«ãƒžã‚¬

html
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚¸ãƒ£ãƒ³ãƒ—çŽ‡ã®ã‚»ã‚ªãƒªãƒ¼ã‚’è€ƒãˆã‚‹ | ãƒ•ã‚©ãƒ³ãƒˆã®è©± | ã¤ã¿ããƒ–ãƒã‚°
æ ªå¼ä¼šç¤¾ã¤ã¿ã UI/UXäº‹æ¥çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› æ‹å•“ã€€æ™‚ä¸‹ã¾ã™ã¾ã™ã”æ¸…ç¥¥ã®ã“ã¨ã¨ãŠå–œã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ å¹³ç´ ã‚ˆã‚Šæ ¼åˆ¥ã®ã”é«˜é…ã‚’è³œã‚Šã€åŽšãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã“ã®åº¦ã€å¼Šç¤¾ã¯å‰µæ¥ä»¥æ¥ç¶šã‘ã¦å‚ã‚Šã¾ã—ãŸUI/UXäº‹æ¥ï¼ˆå—è¨—åˆ¶ä½œäº‹æ¥ï¼‰ã«ã¤ãã¾ã—ã¦ã€2024å¹´4æœˆ30æ—¥ã‚’ã‚‚ã£ã¦çµ‚äº†ã™ã‚‹ã“ã¨ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¯ã€å¼Šç¤¾ã®ä¸»åŠ›äº‹æ¥ã§ã‚ã‚‹Filmarksã‚’ã¯ã˜ã‚ã¨ã—ãŸã€æ˜ åƒé–¢é€£äº‹æ¥ã«æ³¨åŠ›ã—ã¦å‚ã‚Šã¾ã™ã€‚ ã”æ„›é¡§ã‚’å—ã‘è³œã‚Šã¾ã—ãŸçš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ç”³ã—ä¸Šã’ã¾ã™ã¨ã¨ã‚‚ã«ã€ã”ç†è§£è³œã‚Šã¾ã™ã‚ˆã†ãŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ æ•¬å…· æ ªå¼ä¼šç¤¾ã¤ã¿ã ä»£è¡¨å–ç· å½¹ç¤¾é•· éˆ´æœ¨ è²´å¹¸ äº‹æ¥çµ‚äº†äºˆå®šæ—¥ï¼š2024å¹´4æœˆ30æ—¥ [email protected]
saladdays 2014/11/28
resizeã‚„scrollã‚¤ãƒ™ãƒ³ãƒˆã‚’é–“å¼•ãæ™‚ã«

javascript

plugin

tips

jQuery
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä½¿ãˆã‚‹ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã•ã¾ã–ã¾ãªHTMLãƒ¡ãƒ¼ãƒ«ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ -BeeFree
ãƒ“ã‚¸ãƒã‚¹ç”¨ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒªãƒªãƒ¼ã‚¹ã€ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®HTMLãƒ¡ãƒ¼ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç°¡å˜ã«ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ä¸¡å¯¾å¿œã§ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚„ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ—ãƒªã§ã®ãƒ†ã‚¹ãƒˆãªã©æ©Ÿèƒ½ã‚‚éžå¸¸ã«å……å®Ÿã—ã¦ã„ã¾ã™ã€‚æ—¥æœ¬èªžã‚‚OKã§ã—ãŸï¼ BeeFree ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã€ŒLet's get startedã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€HTMLãƒ¡ãƒ¼ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â€»HTMLãƒ¡ãƒ¼ãƒ«ã®ä½œæˆã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ™‚ã«ç™»éŒ²ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ä½œæˆã—ãŸãƒ¡ãƒ¼ãƒ«ã‚’ã‚µãƒ¼ãƒãƒ¼ä¸Šã«ã‚ãƒ¼ãƒ—ã™ã‚‹æ™‚ã ã‘ç™»éŒ²ãŒå¿…è¦ã§ã™ã€‚ ã¾ãšã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®é¸æŠžã‚’ã—ã¾ã™ã€‚ 2ã‚«ãƒ†ã‚´ãƒªå„4ç¨®é¡žã€ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆãŒä»®é…ç½®ã•ã‚ŒãŸã€ŒRich Templatesã€ã€‚
saladdays 2014/10/27
ãƒ¡ãƒ«ãƒžã‚¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ä½œã‚ŠãŸãã¯ãªã„ã‘ã©ã„ã–ã¨ã„ã†ã¨ãã®ãŸã‚ã«ã€‚

html

ãƒ¡ãƒ«ãƒžã‚¬
ãƒªãƒ³ã‚¯
ã€Codepatch #06ã€‘JSONã§ç”Ÿæˆã•ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®SEOå¯¾ç–ã®æ–¹æ³•ã¨ã¯ï¼ï¼Ÿ | Goodpatch Blog
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å³å¯ºã§ã™ã€‚ Goodpatchã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®šä¾‹ä¼šè°ã§ã®è©±é¡Œã‚’ã¿ãªã•ã‚“ã«ãŠå±Šã‘ã™ã‚‹Codepatchã®ç¬¬6å¼¾ï¼ ä»Šå›žã¯ã‚ã‚‹ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã®ã€Œã‚µã‚¤ãƒˆå†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’JSONã§ç®¡ç†ã—ãŸã„ãŒã€SEOçš„ãªãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’ã©ã†ã«ã‹è§£æ±ºã§ããªã„ã‹ï¼Ÿã€ã¨ã„ã†ç›¸è«‡ã«å¯¾ã—ã¦å‡ºã¦ããŸã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¿ãªã•ã‚“ã«ã‚‚å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SEOçš„ãªãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã¯ï¼Ÿ ã¿ãªã•ã‚“ã‚‚ã”å˜çŸ¥ã®é€šã‚Šã€Googleç‰ã®æ¤œç´¢ã‚µãƒ¼ãƒ“ã‚¹ã¯ã€Œã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ç”¨ã„ã¦å„ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æƒ…å ±ã‚’åŽé›†ã—ã€ãã‚Œã‚’åŸºã«æ¤œç´¢çµæžœã‚’åˆ©ç”¨è€…ã«è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ å…ƒæ¥ã€ãã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆå†…ã®é™çš„ãªHTMLã®æƒ…å ±ã‚’å–å¾—ã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ç¾åœ¨ã¯å†’é ã®ç›¸è«‡ã®ã‚ˆã†ã«é‹ç”¨ã®åˆ©ä¾¿æ€§ã‚’ä¸Šã’ã‚‹ãŸã‚ã«JSONã®ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰æƒ…å ±ã‚’ç”Ÿæˆã—ãŸã‚Šã€AngularJSãªã©ã®Javascript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚ˆã£ã¦æ§‹æˆã•ã‚Œ
saladdays 2014/10/09
seo

json

html

node.js
ãƒªãƒ³ã‚¯
å¤–éƒ¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’iframeã‚µã‚¤ã‚ºã§æ‹¡å¤§ç¸®å°ã•ã›ãŸã‚Šã€å›ºå®šå¹…ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã§ãƒ”ãƒƒã‚¿ãƒªè¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•
<iframeÂ src="http://blog.asial.co.jp"Â frameborder="1"Â width="600"Â height="600"></iframe> <iframeÂ src="http://blog.asial.co.jp"Â frameborder="1"Â width="600"Â height="600"Â style="zoom:0.55"></iframe> é€šå¸¸ zoom:0.55 æ‚²ã—ã„ã“ã¨ã«ã€iframeã®æ¨ªå¹…ãƒ»ç¸¦å¹…ãŒ0.55å€ã«ãªã‚‹ã ã‘ã§ã€ iframeå†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¸®å°ã•ã‚Œã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§ã™ã€‚ Firefoxãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€ãã‚‚ãã‚‚zoomã™ã‚‰ã•ã‚Œã¦ã„ãªã„çŠ¶æ…‹ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€iOSã§ã¯ãã‚‚ãã‚‚iframeã®å¹…æŒ‡å®šã‚’ç„¡è¦–ã—ã¾ã™ã€‚ ã§ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ç”ãˆã¨ã—ã¦ã¯ã€CSS3ãŒè§£é‡ˆã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶é™å®šã«ã¯ãªã‚Šã¾ã™ãŒã€ CSS3ã®tr
saladdays 2014/10/08
css

html

javascript

tips
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS ã€œ ã€ŒãŠãƒ»ã‚‚ãƒ»ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ ã€œ TAKEHARU IGARI Front-end Engineer / Evangelist ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„ <html5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬â¼€å›žå‹‰å¼·ä¼š /> 2. ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ« â€¢ TAKEHARU IGARI çŒªç‹© ä¸ˆæ²» - æ‰€å±ž â€¢ æ ªå¼ä¼šç¤¾ Lei HauÊ¼oli ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ è¡¨â½°é€Ÿåº¦ã€ä¿å®ˆæ€§ã€ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€SEOã‚’è€ƒæ…®ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—ã€ ç¾åœ¨ã€å„ãƒŠã‚·ãƒ§ãƒŠãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆ ã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚‚â¾ã†ã€‚ - åŸ·ç† â€¢ æŠ€è¡“è©•è«–ç¤¾ã€ŒWEB+DB PRESSã€ â€¢ Vol.66 ã€œæˆ‘æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 ã€œã€ŒWebã‚µã‚¤ãƒˆè¶…â¾¼é€ŸåŒ–å®Ÿæ³ä¸ç¶™ â”€â”€
saladdays 2014/06/17
html

css

javascript

test
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Tips ã‚ã‚Œã“ã‚Œ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã¯ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã«éŽã”ã›ãã†ã«ãªã„ Latin ã§ã™ã€‚ ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‘¨ã‚Šã§ã®ã‚ã‚Œã“ã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ å…ˆæ—¥ã® macky ã®è¨˜äº‹ã€ã€Œã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®çŸ¢å°ä»˜ããƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã€‚ã€ã‚‚ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ viewport ç³»ã®è¨å®š æç”»ã‚µã‚¤ã‚ºã‚’ãƒ‡ãƒã‚¤ã‚¹ã®æ¨ªå¹…ã«åˆã‚ã›ã‚‹ã€æ‹¡å¤§ç¸®å°ã‚’ä¸å¯ã« ã“ã‚ŒãŒä¸€ç•ªã‚ˆãè¦‹ã‚‹å½¢å¼ã§ã—ã‚‡ã†ã‹ï¼Ÿ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ble=no"> æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ã«ã™ã‚‹ å„ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€æ¨ªå‘ãã«ã™ã‚‹ã¨ text-size-adjust ã®å‡¦ç†ãŒèµ°ã‚Šã€è‡ªå‹•ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ï¼ˆæ‹¡å¤§ï¼‰ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ èª
saladdays 2014/04/25
iphone

android

html

tips

css
ãƒªãƒ³ã‚¯
ãŠå•ã„åˆã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãŸã‚ã®9ã¤ã®Tips | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€‚ LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨ã§ã™ã€‚ ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã¨ã„ãˆã°ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã«ã‚‚å¤§ä½“å‚™ã‚ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã‚ˆãã€‚ ã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚‚è¦‹ãŸç›®ã¯å¤§ä½“åŒã˜ã®ãŸã‚ã€æ§‹ç¯‰è‡ªä½“ã¯ç°¡å˜ã‹ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã—ã€ã‚·ã‚¹ãƒ†ãƒ ãŒçµ¡ã‚“ã ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ“ä½œã—ã¦ã‚‚ã‚‰ã£ãŸã‚Šã¨ã€ã‘ã£ã“ã†é‡è¦ãªãƒšãƒ¼ã‚¸ã§ã‚ã£ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã‚ˆã‚Šå¿«é©ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã‚ªã‚¹ã‚¹ãƒ¡ã—ãŸã„ã‚¯ãƒ¼ãƒ«ãªæŠ€ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ä»Šå›žã®è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã‚Šã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã®ã‚½ãƒ¼ã‚¹ã‚‚è¦‹ãªãŒã‚‰èªã‚“ã§ã„ãŸã ãã¨ã€ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§æ§‹ç¯‰ã‚‚ã—ã‚„ã™ã„ã‚¯ãƒ¼ãƒ«ãªãŠå•ã„åˆã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹9ã¤ã®Tips 1. ãƒœã‚¿ãƒ³ç³»ã®è¦ç´ ã¯å…¨ã¦<button type=â€submitâ€></button>ã‚’ä½¿ã† ã€Œé€ä¿¡ã™ã‚‹ã€ã€Œå…¥åŠ›ç”»é¢ã«æˆ»ã‚‹ã€ãªã©ã®è¦ç´ ã‚’ä½œã‚‹éš›ã€ã‚¿ã‚°ã¯
saladdays 2014/03/28
form

html

css

tips
ãƒªãƒ³ã‚¯
http://www.hp-stylelink.com/news/2013/10/20131001.php
saladdays 2013/10/09
css

html

google

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚å¤§ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6æœˆã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ãƒ«ã®iPhone 4ã«ã¯ã€ŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’è¦†ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒæè¼‰ã•ã‚Œã¾ã—ãŸã€‚ãã‚Œä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ ã‚¹ãƒ³é›»åã®GALAXY S4ã‚„ã‚½ãƒ‹ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HDç”»è³ªå¯¾å¿œï¼ˆ1920Ã—1080ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ é«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´
saladdays 2013/08/30
-webkit-device-pixel-ratilä»¥å¤–ã®å…¬å¼ãªæŒ‡å®šã®ä»•æ–¹ã€‚IEå¯¾å¿œãªã©ã‚‚è€ƒãˆã¦

html

html5

css3
ãƒªãƒ³ã‚¯
ã¾ã‚ã€‚ Â» Blog Archive Â» webãƒ‡ã‚¶ã‚¤ãƒ³,HTMLã‚³ãƒ¼ãƒ‰_iPhone / iPadã®ã‚µã‚¤ã‚ºåˆ¥ Webã‚¯ãƒªãƒƒãƒ—ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚µã‚¤ã‚ºæŒ¿å…¥ã‚³ãƒ¼ãƒ‰
saladdays 2013/08/27
Web clipã‚¢ã‚¤ã‚³ãƒ³ã®ã‚µã‚¤ã‚ºæŒ‡å®šæ–¹æ³•

iphone

html
ãƒªãƒ³ã‚¯
UIkit
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
saladdays 2013/08/20
PUREã‚„Twitter Bootstrapçš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

html

framework
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã†
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã€HTMLã‚„CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã€å„ç¨®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ãã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’æ±ºã‚ã¦ã„ãªã‹ã£ãŸã‚Šã€ã‚ã„ã¾ã„ã«ã—ãŸã¾ã¾é€²ã‚ã¦ã„ãã¨ã€æ›¸å¼ãŒçµ±ä¸€ã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚Œã°ã™ã‚‹ã»ã©ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ãŸã‚³ãƒ¼ãƒ‰ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãƒãƒ¼ãƒ ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ããªã‚‰ãªãŠã•ã‚‰ã€‚ä»Šå›žãƒãƒ¼ãƒ ç”¨ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’è¦‹ç›´ã™ã“ã¨ã«ãªã£ãŸã®ã§ã€ãã®æ™‚æ„Ÿã˜ãŸæŠ‘ãˆã¦ãŠãã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã«å«ã‚€ã¹ãé …ç›®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼éšŽå±¤ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã™ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®éšŽå±¤ã‚„ã€ãã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®åå‰ã‚’æ±ºã‚ã¦ãŠãã¾ã™ã€‚ç”»åƒã‚’æ ¼ç´ã—ã¦ã„ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’ä¾‹ã«ã‚ã’ã¦ã‚‚ã€ã€Œimageã€ã€Œimagesã€ã€Œimgã€ãªã©ã®åå‰ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚äººã«ã‚ˆã£ã¦ã¤ã‘ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®åå‰ãŒå¤‰ã‚ã£
saladdays 2013/08/20
html

css

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Welcome to nginx!
If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.
saladdays 2013/08/09
Sublime Textã¨é€£å‹•ã—ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ç·¨é›†

css

html

Sublime Text 2

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
saladdays 2013/05/27
html

css

tips
ãƒªãƒ³ã‚¯
HTML / DOM ã«ãŠã‘ã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã®è©± - ã²ã ã¾ã‚Šã‚½ã‚±ãƒƒãƒˆã¯å£Šã‚Œãªã„
æœ€è¿‘ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å®Ÿè£…ã‚’ã—ã‚ˆã†ã¨æ€ã£ã¦ã‚ãƒ¼å…¥åŠ›ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸã®ã ã‘ã‚Œã©ã€æ—¥æœ¬èªžã§ã¾ã¨ã¾ã£ãŸæƒ…å ±ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å®Ÿè£…ã«å¿…è¦ãã†ãªå†…å®¹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã†ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«é™ã‚‰ãšã€ã‚ãƒ¼å…¥åŠ›ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã®ä½•ã‹ã‚’ã™ã‚‹å ´åˆã«ã¯å‚è€ƒã«ãªã‚‹ã¨æ€ã†ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€DOM 3 Events spec ã® 2012-09-06 ã®ç‰ˆã‚’å‚ç…§ã—ã¦ãŠã‚Šã€å°†æ¥ã®ç‰ˆã§ã¯å¤‰æ›´ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ æœ€æ–°ã®ç‰ˆã¯ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ç¢ºèªã®ã“ã¨ã€‚ Document Object Model (DOM) Level 3 Events Specification (DOM 3 Events spec ã®æœ€æ–°å®‰å®šæ¿) keydown ã‚¤ãƒ™ãƒ³ãƒˆã€keypress ã‚¤ãƒ™ãƒ³ãƒˆã€keyup ã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦ keydown ã‚¤ãƒ™ãƒ³ãƒˆ ã¯ã€ã‚ãƒ¼ãŒæŠ¼ã•ã‚ŒãŸ
saladdays 2013/02/25
ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒã‚ã‚‹Webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹æ™‚ã«

html

javascript
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
saladdays 2013/02/15
css

html

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