[B! smartphone][CSS] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

smartphoneã¨CSSã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«è¦šãˆã¦ãŠããŸã„CSS 15
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã€å€‹äººçš„ã«è¦šãˆã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã†CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã„ãšã‚Œã‚‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ æ™®æ®µã‹ã‚‰åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã«ã¨ã£ã¦ã¯ç›®æ–°ã—ã„ã®ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã¾ã ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã“ã¨ãŒãªã„æ–¹ã‚„ã¾ã ã¾ã è‹¦æ‰‹ã ãªã¨æ€ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ UAåˆ‡ã‚Šæ›¿ãˆãƒ»ViewportæŒ‡å®šãƒ»æ‹¡å¤§ç¸®å°ã®æœ‰ç„¡ãƒ»é›»è©±ç•ªå·ãƒªãƒ³ã‚¯ã®ç„¡åŠ¹åŒ–ãƒ»ãƒ›ãƒ¼ãƒ ç”»é¢ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³æŒ‡å®šãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«æœ€ä½Žé™è¦šãˆã¦ãŠãã¹ãã¨æ€ã†ã“ã¨ã¯ä»–ã«ã‚‚æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯CSSã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¿ã‚¤ãƒˆãƒ«ã§ã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã€ã¨ã—ã¦ã¯ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã§ã‚‚é »ç¹ã«ä½¿ã†ã‚‚ã®ã ã£ãŸã‚Šã€PCã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã§ã‚‚CSS3ã«
beth321 2014/02/05
ç”»åƒ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆ

css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

tips

smartphone

CSS3

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

webåˆ¶ä½œ

mobile
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«å€‹äººçš„ã«ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ htmlé–¢é€£ headã‚¿ã‚°å†…ã§ã®è¨å®š <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
beth321 2013/02/19
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

CSS

javascript

webåˆ¶ä½œ

HTML5

HTML

iphone

mobile

web

SmartPhone
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® 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>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
beth321 2013/02/15
PC

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

viewport

iphone

html

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

css

webåˆ¶ä½œ

smartphone
ãƒªãƒ³ã‚¯
iPhone 5ã¨iOS 6ã§å°Žå…¥ã•ã‚ŒãŸWebãƒ‡ãƒ™ãƒãƒƒãƒ—ã¾ã‚ã‚Šã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«ã¤ã„ã¦ - Branch
Clicking the â€œBranch thisâ€ button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someoneâ€™s post or want to go on a tangentâ€”without taking the whole conversation off track. Join our beta so you can branch posts, too.
beth321 2012/09/20
*web

ios

iPhone

ios6

javascript

css

web

safari

ã¾ã¨ã‚

smartphone
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å¯¾å¿œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ”¯æ´ãƒ©ã‚¤ãƒ–ãƒ©ãƒª - smart js
ç‰¹å¾´ é…ç½®ã¨å‹•ãã«ç‰¹åŒ–ã—ãŸ Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§æŸ”è»Ÿæ€§ã‚‚ã‚ã‚Šã€ å‡¦ç†ã‚‚é«˜é€Ÿã§ã™ã€‚ å¯¾å¿œOS / ãƒ–ãƒ©ã‚¦ã‚¶ iOS 7+ Android 4.1+â–³ Android 4.4+â—‹ IE9+ Safari latest Chrome latest Firefox latest
beth321 2012/09/04
javascript

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

CSS

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

iPhone

library

smartphone

js

web
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‚‹ãƒ‘ãƒ¼ãƒ„ã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«é›† | 07design.blog
æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚â€¦æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ‡ãƒ¢ï¼ˆchromeãªã©ã®webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã¾ãŸã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å®Ÿæ©Ÿã§ã”è¦§ãã ã•ã„ï¼‰ download ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <h3>ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼</h3>  <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
beth321 2012/04/29
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

webåˆ¶ä½œ

iPhone

css

Android

design

webdesign

smartphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
é›»è©±å ã„ã§ä½¿ã‚ã‚Œã‚‹å è¡“ã‚’ã”ç´¹ä»‹ | å½“ãŸã‚‹é›»è©±å ã„ãŠã™ã™ã‚ãƒ©ãƒ³ã‚ãƒ³ã‚°ï½žå£ã‚³ãƒŸã§è©•åˆ¤ã®å½“ãŸã‚‹é›»è©±å ã„ã‚µã‚¤ãƒˆç´¹ä»‹ï½ž
å°ã•ã„ã“ã‚ã‹ã‚‰å ã„ã«èˆˆå‘³ãŒã‚ã£ã¦ã€è‰²ã€…ã¨å‹‰å¼·ã—ã¦ã„ã‚‹ã†ã¡ã«ã©ã‚“ã©ã‚“å¥½ãã«ãªã‚Šã€çš†ã•ã‚“ã«ã‚‚å ã„ã®è‰¯ã•ã‚’çŸ¥ã£ã¦ã»ã—ãã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ çŸ¥ã‚Šåˆã„ã«å ã„å¸«ã‚„éœŠèƒ½åŠ›è€…ã€ãŠå¯ºã®ä½è·ãŒãŸãã•ã‚“ã„ã‚‹ã®ã§ã€ãã®æ–¹ãŸã¡ã«ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚
beth321 2011/11/10
iphone

font

SmartPhone

Android

ã‚ã¨ã§èªã‚€

ã¾ã¨ã‚

iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ•ã‚©ãƒ³ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1