[B! CSS3][design] sippo_desã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sippo_des id:sippo_des

CSS3ã¨designã«é–¢ã™ã‚‹sippo_desã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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åˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹ç„¡æ–™ã®Webã‚µãƒ¼ãƒ“ã‚¹13é¸ | corto - ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œ
CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤ã‚µãƒ¼ãƒ“ã‚¹ã‚„Webã‚µã‚¤ãƒˆé‹ç”¨ã§å½¹ç«‹ã¤SEOé–¢é€£ã®ãƒ„ãƒ¼ãƒ«ãªã©ã€Webåˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚’13å€‹ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§å–å¾—ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚„ã€ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã ã‘ã§å®Œçµã™ã‚‹ã‚‚ã®ãªã©ã€ç›´æ„Ÿçš„ã«ä½œæ¥ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã°ã‹ã‚Šã§ã™ã€‚ã‚ãªãŸã®ç¾å ´ã§ã‚‚ãœã²åˆ©ç”¨ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Fancy Border Radius Generator CSSã®border-radius ã‚’ä½¿ã£ã¦ãƒœãƒƒã‚¯ã‚¹ã‚„ç”»åƒã‚’ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªå½¢çŠ¶ã«å¤‰åŒ–ã§ãã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã€‚ Fancy Border Radius Generator ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ã§ã™ã€‚ æ£æ–¹å½¢ã®å†™çœŸã‚’CSSã§å¤‰å½¢ã•ã›ã¾ã—ãŸ ä¸Šã®ã‚ˆã†ã«æ£æ–¹å½¢ã®å†™çœŸã‚’ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªç”»åƒã«è¦‹ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Fancy Border Radius Generator Clippy â€“ CSS clip-path maker CSSã®clip-pa
sippo_des 2021/05/15
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

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

åˆ¶ä½œ

css

*webåˆ¶ä½œ

UI

design

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

CSS3

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
A (more) Modern CSS Reset
CodePen 2.0 Beta has multiple files, deployments, lightning fast processing and previews â€” all with advanced privacy controls. I know I also have a terrible record with open source maintenance, so I thought Iâ€™dÂ archive the originalÂ and just post this instead. Do with it what you want! To be super clear, this is a reset that works for me, personally and us atÂ Set Studio. Whenever I refer to â€œweâ€, t
sippo_des 2019/10/04
css

reset

design

CSS3

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æŒ‘æˆ¦ï¼è‰²ãŒç§»ã‚Šå¤‰ã‚ã‚‹èƒŒæ™¯ã‚’å®Ÿè£…ã—ã‚ˆã† | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æŒ‘æˆ¦ï¼è‰²ãŒç§»ã‚Šå¤‰ã‚ã‚‹èƒŒæ™¯ã‚’å®Ÿè£…ã—ã‚ˆã†ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã£ã¦ã‹ã‚‰ã¯ã€èƒŒæ™¯ã‚’ä¸€è‰²ã§å¡—ã‚Šã¤ã¶ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆãŒå¤šããªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªã‚“ã ã‹å‘³æ°—ãªã„ï¼ã¨ã„ã†äº‹ã§ã€CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã€å¾ã€…ã«è‰²ã‚’å¤‰åŒ–ã•ã›ã¦ã¿ã¾ã—ã‚‡ã†ï¼è‰²ã®çµ„ã¿åˆã‚ã›ã‚„é †ç•ªã‚’èª¿æ•´ã—ã¦ã€ãƒ‘ãƒƒã¨ç›®ã‚’å¼•ããƒ‡ã‚¶ã‚¤ãƒ³ã«ï¼ Themifyã§ã¯ãƒ›ãƒ¼ãƒ ã®ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã§ãƒ“ãƒ“ãƒƒãƒ‰ãªè‰²ã‚’å°‘ã—ãšã¤å¤‰ãˆãªãŒã‚‰è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ä»Šå›žç›®æŒ‡ã™ã®ã¯ã“ã‚“ãªæ„Ÿã˜ã®èƒŒæ™¯ã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã§ã¯ JavaScript ã«ã‚ˆã‚Šè‰²ã®ç§»ã‚Šå¤‰ã‚ã‚Šã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€CSS3 ã®ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã§ã‚‚è¡¨ç¾ã§ãã¾ã™ï¼ CSS3 ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬ã¾ãšã¯è¦ç´ ã‚’å¾ã€…ã«å¤‰åŒ–ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦è¦šãˆã¦ã„ãã¾ã—ã‚‡ã†ï¼CSS3 ã® animation ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã¯ã€ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¨å®šã—ã¦ç´°ã‹ã„å‹•ãã‚’æç”»
sippo_des 2019/05/31
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

animation

color

design

CSS3
ãƒªãƒ³ã‚¯
èƒŒæ™¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¥½ã—ãã™ã‚‹ã€å‚è€ƒã«ã—ãŸã„ HTML/CSS ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¾ã¨ã‚ | PhotoshopVIP
CSS3 ãŒä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ãŸã“ã¨ã‹ã‚‰ã€ã“ã‚Œã¾ã§ã¯ã‚€ãšã‹ã—ã‹ã£ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‚„ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚‚ã€æ‰‹è»½ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€èƒŒæ™¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚¹ãƒ‘ã‚¤ã‚¹ã‚’åŠ ãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã€ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆ CodePen ã‹ã‚‰ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã‚‹æ‰‹è»½ãªã‚‚ã®ã‹ã‚‰ã€ã“ã‚Œã£ã¦ã©ã†è¡¨ç¾ã™ã‚‹ã‚“ã ã‚ã†ã¨ã„ã†é¢ç™½ã‚¹ã‚¿ãƒªãƒ³ã‚°ã¾ã§ã€æ³¨ç›®ã‚’ã‚ã¤ã‚ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä¸å¿ƒã«æƒãˆã¦ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«æ‚©ã‚“ã ã¨ãã«æ´»ç”¨ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ è©³ç´°ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ èƒŒæ™¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¥½ã—ãã™ã‚‹ã€å‚è€ƒã«ã—ãŸã„ HTML/CSS ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¾ã¨ã‚ â€»ã€€ãƒ‡ãƒ¢ãŒå‹•ã‹ãªã„ã¨ãã¯ã€ã€ŒRETURNã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ã€å†èªã¿è¾¼ã¿ã•ã‚Œã¾ã™ã€‚ â€»ã€€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã«å¤šå°‘æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€ã™ã“ã—å¾…ã£ã¦ã‹ã‚‰ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¹ãƒ ãƒ¼ã‚ºã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Pure CSS Cinema Effe
sippo_des 2017/06/02
jQuery

CSS3

HTML5

effect

css

design
ãƒªãƒ³ã‚¯
Bootstrap List Styles with CSS3: Exploring
In the realm of web design, lists are fundamental for organizing content. Bootstrap, a popular front-end framework, offers powerful tools for creating and styling lists. In this article, weâ€™ll dive into the world of Bootstrap list styles enhanced with CSS3. Weâ€™ll explore various techniques to make your lists more visually appealing and engaging. The Bootstrap List Foundation Bootstrap provides a s
sippo_des 2016/06/30
CSS3

Design

background

list
ãƒªãƒ³ã‚¯
äººé–“å·¥å¦ãªã©ã®ç§‘å¦ã‚’åŠ å‘³--æ—¥æœ¬IBMã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªèµ·ç‚¹ã®ãƒ“ã‚¸ãƒã‚¹ã‚’æ”¯æ´
é¡§å®¢ã¨ã®å–å¼•ã‚’æ‹…ã†ãƒ¡ã‚¤ãƒ³ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã«ãªã‚‹ã¨ã—ã¦ãŠã‚Šã€ã€ŒIBMã§ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªãŒä»Šå¾Œã•ã‚‰ã«é‡è¦ãªã‚‚ã®ã¨ãªã£ã¦ã„ãã¨èªè˜ã—ã¦ã„ã‚‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã§ã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ç¾Žã—ãã€æ©Ÿèƒ½çš„ãªãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãŠæ‰‹ä¼ã„ã‚’å…¨æ–¹ä½ã§å±•é–‹ã™ã‚‹ã€ï¼ˆæ—¥æœ¬IBM å–ç· å½¹å°‚å‹™åŸ·è¡Œå½¹å“¡ ã‚°ãƒãƒ¼ãƒãƒ«ãƒ»ãƒ“ã‚¸ãƒã‚¹ãƒ»ã‚µãƒ¼ãƒ“ã‚¹äº‹æ¥æœ¬éƒ¨é•· Cameron Artæ°ï¼‰ã¨èª¬æ˜Žã—ã¦ã„ã‚‹ã€‚ ç§‘å¦è¦–ç‚¹ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé‡è¦ IBMã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹äº‹æ¥ã¯ã€IBMã®ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã ã£ãŸIBMã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã¨ãƒ¢ãƒã‚¤ãƒ«éƒ¨é–€ã‚’çµ±åˆã—ã¦ç™ºè¶³ã—ãŸã€‚ é¡§å®¢ä½“é¨“ã‚’å‘ä¸Šã•ã›ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®4ã¤ã®ã‚µã‚¤ã‚¯ãƒ«ã«ã¯ã€ï¼ˆ1ï¼‰ã‚¸ãƒ£ãƒ¼ãƒ‹ãƒ¼ãƒžãƒƒãƒ—ã€ãƒ¢ãƒã‚¤ãƒ«ã‚ãƒ£ãƒ³ãƒ—ã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ï¼†ãƒ‡ã‚¶ã‚¤ãƒ³ã€ï¼ˆ2ï¼‰ã‚ªãƒ ãƒ‹ãƒãƒ£ãƒãƒ«å¤‰é©ã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã€ãƒ¢ãƒã‚¤ãƒ«ä½“é¨“ã€ï¼ˆ3ï¼‰e/mã‚³ãƒžãƒ¼ã‚¹ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚ªãƒ¼ãƒˆãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ‘ãƒ¼ã‚½ãƒŠãƒ©ã‚¤
sippo_des 2015/03/25
*webåˆ¶ä½œ

CSS3

design

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

ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
Create a CSS-only Responsive Image Grid (with ratio scaling) | The Competa Blog
sippo_des 2014/12/15
ã€€ã‹ã£ã“ã„ã„

*webåˆ¶ä½œ

CSS3

design

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
ãƒ—ãƒã£ã½ããªã£ãŸï¼ã“ã£ãã‚Šä½¿ã„ãŸã„ã€Œå‹•ãã®ã‚ã‚‹ã€CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ä½œæˆï¼š2014/06/2 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚„WPãƒ†ãƒ¼ãƒžãªã©ã§ã€Œè¦‹æ „ãˆã®ã™ã‚‹ã€ã‚µã‚¤ãƒˆãŒä½¿ã£ã¦ã„ã‚‹åŠ¹æžœãªã©ã€‚ä»Šå›žã¯CSSã®ã¿ã§å®Ÿç¾ã§ãã‚‹ã€å‹•ãã‚ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ãƒžã‚¹ã‚¯ ï¼‘ï¼Žãƒžã‚¹ã‚¯ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ ï¼’ï¼Žå††å½¢ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ ï¼“ï¼Žå…¨ç”»é¢+ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ ï¼”ï¼Žã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®èƒŒæ™¯ ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ç³» ï¼•ï¼Žã‚¹ãƒ©ã‚¤ãƒ‰ï¼‹ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ ï¼–ï¼Žå…¨ç”»é¢èƒŒæ™¯å‹•ç”» ï¼—ï¼Žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ ï¼˜ï¼Žãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ãƒ•ã‚£ãƒƒãƒˆ ï¼™ï¼ŽèƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«æœ€é©åŒ– ï¼‘ï¼ï¼Žãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ç”»åƒå¯å¤‰ ï¼‘ï¼‘ï¼Žç”»åƒã§æž ç·šã‚’è¡¨ç¾ã™ã‚‹ ï¼‘ï¼’ï¼ŽåŠé€æ˜Žï¼‹ãƒ•ã‚£ãƒ«ã‚¿ ï¼‘ï¼“ï¼Žæ–‡å—ä»¥å¤–ã‚’é€æ˜Žã«ã—ã¦ãƒ¬ã‚¤ãƒ¤ãƒ¼ã•ã›ã‚‹ å›³å½¢ ï¼‘ï¼”ï¼Žãƒ«ãƒ¼ãƒ—ï¼‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ï¼‘ï¼•ï¼Ž3Dãƒœãƒƒã‚¯ã‚¹ ï¼‘ï¼–ï¼ŽçŸ¢å°ãƒŠãƒ“ ç”»åƒåˆ‡ã‚ŠæŠœã ï¼‘ï¼—ï¼Žå…è§’å½¢ ï¼‘ï¼˜ï¼Žåµåž‹ï¼‹æ˜Ÿå½¢
sippo_des 2014/06/03
css

github

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

*webåˆ¶ä½œ

CSS3

design
ãƒªãƒ³ã‚¯
Carousel Â· Intro to CSS 3D transforms
Now apply basic layout styles. Letâ€™s give each cell 20px gaps between one another, done here with left: 10px. The effective width of each panel rem ains 210px. .scene { width: 210px; height: 140px; position: relative; perspective: 1000px; } .carousel { width: 100%; height: 100%; position: absolute; transf orm-style: preserve-3d; } .carousel__cell { position: absolute; width: 190px; height: 120px; le
sippo_des 2013/10/17
CSS3

*webåˆ¶ä½œ

design

*CSS
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¤ã¾ãšããŒã¡ãªè§£åƒåº¦ã«é–¢ã‚ã‚‹ã‚ã‚Œã“ã‚Œ â”‚ Design Spice
ã‚¢ãƒ—ãƒãƒ¼ãƒæ–¹æ³•ã¯é•ã†ã‚‚ã®ã®ã€ã“ã®dipã¨å…ˆç¨‹ã®ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã¯ã»ã¼åŒã˜ç›®çš„ã‚’æŒã£ãŸæ©Ÿèƒ½ã§ã™ã€‚ å‚è€ƒï¼šAndroidãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å˜ä½ â€“ dpã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã‚‹ â€“ ã‚¢ãƒ³ãƒ†ãƒŠç«‹ã¦ã¦ viewport ä»®æƒ³çš„ãªã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã§ã™ã€‚ viewportãŒãªã„ã¨ä»®å®šã—ãŸå ´åˆã€ãƒ‡ãƒã‚¤ã‚¹å¹…320pxã®iPhoneã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸæ™‚ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¯320ãƒ”ã‚¯ã‚»ãƒ«ã¨ãªã‚Šã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã«ã¯ä¸ä¾¿ã§ã™ã€‚ ãã“ã§ä»®æƒ³çš„ã«å¤§ãã„ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¨ã™ã‚‹ã“ã¨ã§ã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã§ã‚‚ã²ã¨ç›®ã§æƒ…å ±ãŒè¦‹ãˆã€é–²è¦§æ€§ã‚„æ“ä½œæ€§ã‚’é«˜ã¾ã‚Šã¾ã™ã€‚ viewportã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã¯980ãƒ”ã‚¯ã‚»ãƒ«ã§ã™ã€‚ ï¼ˆâ€»iPhoneã¯980ãƒ”ã‚¯ã‚»ãƒ«ã§é–“é•ã„ãªã„ã®ã§ã™ãŒå…¨ã¦ã®ã‚¹ãƒžãƒ›ã§980ãƒ”ã‚¯ã‚»ãƒ«ã§ã—ã‚‡ã†ã‹ï¼Ÿ æƒ…å ±ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§çŸ¥ã£ã¦ã‚‹æ–¹ã¯æ•™ãˆã¦ãã ã•ã„ï¼‰ ã¾ãŸã€viewportã®æ•°å€¤ã¯ã‚µã‚¤ãƒˆå´ã§æŒ‡å®šã§ãã¾ã™ã€‚ ã‚¹ãƒžãƒ›
sippo_des 2012/09/05
iPhone

retina

*webåˆ¶ä½œ

CSS3

UI

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
so-network.biz
sippo_des 2012/06/11
CSS3

design

ãƒ†ãƒ¼ãƒ–ãƒ«
ãƒªãƒ³ã‚¯
1