[B! CSS][iPhone] site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

site159 id:site159

CSSã¨iPhoneã«é–¢ã™ã‚‹site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (38)

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’1080x1920pxã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ã‚ºã§ä½œã‚‹
ãªã‚“ã§ã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒ1080x1920pxã ã‹ã‚‰ã¨ã€‚ ãˆãƒ¼ã¾ã˜ã§ã€ã¨ã€‚iPhone6+ãªã‚‰1242x2208pxã§ãªã„ã®ï¼Ÿã¨ã€‚ Webã§ãã‚“ãªæ•°å—èžã„ãŸäº‹ãªã„ã‚“ã ã‘ã©ä»Šã£ã¦ã©ã†ãªã®ï¼Ÿã¨æ€ã£ã¦ã‚°ã‚°ã£ã¦ã¿ãŸã‚“ã ã‘ã©ã‚‚ iPhone/iPadè§£åƒåº¦(ç”»é¢ã‚µã‚¤ã‚º)æ—©è¦‹è¡¨ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ã‚»ãƒƒãƒˆã‚’iPhone6ã«å¯¾å¿œã™ã‚‹ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ iPhone6ã®æ™‚ä»£ã®viewportè¨å®šã«ã¤ã„ã¦ ã‚„ã£ã±ã‚ŠWebã ã¨1080ãªã‚“ã¦ã®ã¯ãªã„ãªã‚ã¨æ€ã„çŸ¥ã‚‰ã•ã‚ŒãŸã€‚ ã¨ã¯ã„ãˆæ™‚é–“ã‚‚ãªã„ã—å¼·å¼•ã«ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¿ãŸã‚‰ç”»åƒã—ã‹ãªã‹ã£ãŸã®ã§ã€1080x1920pxã®ç‰å€ã§ç”»åƒåˆ‡ã‚Šå‡ºã—ãŸã‚Šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã‚Šã—ã¦æ™®é€šã«ã‚µã‚¤ãƒˆä½œã£ãŸå¾Œã«ã€CSSã¨JSã§æ‹¡å¤§ç¸®å°ã®ãŠã¾ã˜ãªã„ã‹ã‘ã¦å¼·åˆ¶çš„ã«ç”»é¢ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹ã¨ã„ã†å¤å…¸çš„æ‰‹æ³•ã‚’å–ã£ãŸã€‚ iPhoneã‚’å«ã‚ã¦å¤§ä½“ã®æœ€æ–°ç«¯æœ«ã«ã¯viewportã‚’æ“ä½œã™ã‚Œã°ä½•
site159 2016/02/16
iPhone

android

Coding

HTML

JavaScript

CSS
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆæ§‹ç¯‰æ™‚ã«æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆé›†
ä½œæˆï¼š2015/10/5 æ›´æ–°ï¼š2017/04/16 Webåˆ¶ä½œ > é–‹ç™ºç’°å¢ƒ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆæ§‹ç¯‰æ™‚ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ°—ã‚’ä»˜ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆã‚’æ¬¡å›žã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ™‚ã®ãŸã‚ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ å…¨èˆ¬ viewport ãƒ‡ãƒã‚¤ã‚¹ã‚’æ¨ªå‘ãã«ã—ãŸæ™‚ã®å‡¦ç†ä¸€ä¾‹ã§ã™ã€‚ ä¸€èˆ¬ï¼ˆãƒšãƒ¼ã‚¸æ‹¡å¤§è¡¨ç¤ºï¼‰ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆ/ãƒ”ãƒ³ãƒã‚¤ãƒ³OKã€‚é€šå¸¸ã¯ã“ã‚Œã‚’ä½¿ã†ã“ã¨ãŒå¤šã„ã€‚ <meta name="viewport" content="width=device-width"> ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã›ãšã€ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆ/ãƒ”ãƒ³ãƒã‚¤ãƒ³OK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2å€ã«æ‹¡å¤§ã—ãŸçŠ¶æ…‹ã§ãƒšãƒ¼ã‚¸è¡¨ç¤º <meta name="viewport" content="wi
site159 2015/10/05
android

iPad

iPhone

HTML

HTML5

JavaScript

CSS3

CSS
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ãŠæ‰‹è»½ãªãƒ•ãƒªãƒƒã‚¯&ãƒ‰ãƒ©ãƒƒã‚°ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ä½œã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ä»Šå¹´ã®ãƒ™ã‚¹ãƒˆæ˜ ç”»ã¯ã‚„ã£ã±ã‚Šã‚¬ãƒ¼ãƒ‡ã‚£ã‚¢ãƒ³ãƒ»ã‚ªãƒ–ãƒ»ã‚®ãƒ£ãƒ©ã‚¯ã‚·ãƒ¼ãªminamiã§ã™ã€‚ å·¦å³ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚ˆã†ãªUIã‚’ä½œã‚‹æ©Ÿä¼šã¯æœªã å¤šã„ã§ã™ãŒã€ä»Šå›žã¯ä¸»ã«ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ä¾¿åˆ©ãªãƒ•ãƒªãƒƒã‚¯&ãƒ‰ãƒ©ãƒƒã‚°ã§å‹•ãã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’CSSã ã‘ã§ä½œã‚Šã¾ã™ã€‚ Amazonã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãªã©ã§ã‚‚åŒã˜ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä½œã‚Šæ–¹ PCç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯overflow: autoã‚„scroll ã‚’è¨å®šã—ãŸè¦ç´ ã®ä¸ã«ãã‚Œã‚ˆã‚Šã‚‚å¤§ããªè¦ç´ ãŒå«ã¾ã‚Œã‚‹å ´åˆã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¡¨ç¤ºã•ã›ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€iOSã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã†ã¾ãã‚¹ãƒ©ã‚¤ãƒ‰ã—ãªã‹ã£ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ãã®ã‚‚ã®ãŒã§ããªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹æ–¹æ³•ã ã¨CSSã ã‘ã§æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ <div class="slider-wrappe
site159 2015/01/15
CSS

iOS

CSS3

iPad

iPhone

Coding
ãƒªãƒ³ã‚¯
[CSS]iOSã§æ»‘ã‚‰ã‹ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿç¾ã™ã‚‹-webkit-overflow-scrollingã®ä½¿ã„æ–¹ | WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®TIPSã¾ã¨ã‚ã‚µã‚¤ãƒˆã€Œã‚¦ã‚§ãƒ–ãƒã‚¿ãƒãƒ§ã€
CSSã‚„HTMLã€javascriptã‚„jQueryã€WordPressã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã€WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªTIPSã¾ã¨ã‚ãƒ–ãƒã‚°ã€‚ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«è¦‹ã¤ã‘ãŸå°ãƒã‚¿ãªã©ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚
site159 2015/01/15
iOS

Webkit

iPhone

iPad

CSS

CSS3

Coding
ãƒªãƒ³ã‚¯
iPhone6ã¨iPhone6 Plusã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã€‚ã‚µã‚¤ã‚ºï¼†è§£åƒåº¦æ¯”è¼ƒã¨ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ | | å¤§é˜ªã®Webåˆ¶ä½œå±‹Lavison
By Masaki 2014.09.26 WEB iPhone6ã¨iPhone6 Plusã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã€‚ã‚µã‚¤ã‚ºï¼†è§£åƒåº¦æ¯”è¼ƒã¨ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ ã“ã‚“ã«ã¡ã¯ã€masakiã§ã™ã€‚ iPhone6ã€å‡ºã¾ã—ãŸãï½žã€‚ iPhone6 Plusã¯ã¡ã‚‡ã£ã¨å¤§ãéŽãŽãªã®ã§å€‹äººçš„ã«NGã§ã™ã€‚ã‚ã‚Œã¯å·¨äººç”¨ã®ã‚¹ãƒžãƒ›ã§ã™ã€‚ï¼ˆå˜˜ã§ã™ï¼‰ iPhone6 Plusã®æ“ä½œæ€§ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ æ³¨ç›®ã—ã¦æ¬²ã—ã„ã®ã¯iPhone6 Plusã¯ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã¯ãªãã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã®ä½ç½®ã¥ã‘ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ Plusã‚’ç‰‡æ‰‹ã§æ“ä½œã™ã‚‹ã«ã¯ã‚„ã¯ã‚Šé›£ãŒã‚ã‚Šã€ã‚¿ãƒƒãƒ—ã—ã‚ˆã†ã«ã‚‚æŒ‡ãŒå±Šã‹ãªã„ã®ã§ã™ã€‚å¤§ãã™ãŽã¦ã€ã€ ãã‚Œã§ã‚‚ç‰‡æ‰‹è¦ªæŒ‡ã§æ“ä½œã™ã‚‹æ–¹ã¯å®Ÿéš›ã«ã„ã¾ã™ã€‚ãã†ã—ãŸæ™‚ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ãªã©è‰¯ãè§¦ã‚Œã‚‹ãƒœã‚¿ãƒ³ãªã©ã‚’ä¸Šéƒ¨ã«ç½®ãã®ã¯é…·ã„UIã€‚ ã“ã†ã„ã£ãŸå·¨å¤§ãªã‚¹ãƒžãƒ›ï¼ˆã‚‚ã¯ã‚„ã‚¹ãƒžãƒ¼ãƒˆã§ã¯ãªã„ãŒâ€¦ï¼‰ãŒPlusã‚’ç†é ã«ã“ã‚Œã‹ã‚‰ã©ã‚“ã©
site159 2014/10/20
iPhone

Coding

CSS
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ç®‡æ¡æ®´ã‚Šæ›¸ã
æ™®æ®µæ°—ã‚’ã¤ã‘ã¦ã‚‹ã‚ˆãƒªã‚¹ãƒˆ "ãƒ¢ãƒã‚¤ãƒ«ã§ã€WebViewã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚³ãƒ³ãƒ‘ãƒã§ã€ç‰¹ã«ã‚»ã‚ªãƒªãƒ¼åŒ–ã•ã‚Œã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ãªã‹ã€è£…é£¾ç”»åƒã‚‚ãµã‚“ã ã‚“ã«ä½¿ã†ãžç³»ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™º" ã®æ–‡è„ˆã«ãŠã‘ã‚‹ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç¢ºä¿ã®ãŸã‚æ°—ã‚’ã¤ã‘ã¦ã‚‹ã‚ˆãƒªã‚¹ãƒˆã€‚ ã‚ˆãã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€Œå‘ä¸Šã€ã¨ã‹ã€Œç¢ºä¿ã€ã¨ã‹ç”³ã—ã¾ã™ãŒã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãªã©ã¨å¤©ç§¤ã«ã‹ã‘ã¦ã€ã€Œå¿…è¦ååˆ†ã€ã®ãƒ©ã‚¤ãƒ³ã‚’ç‹™ã†ã®ãŒé‡è¦ã ã¨æ€ã†æ¬¡ç¬¬ã€‚ ç”»åƒãƒªã‚½ãƒ¼ã‚¹ ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã‚’æƒãˆã‚‹ã¨ãã®ã‚»ã‚ªãƒªã€‚åœ§ç¸®çŽ‡ã¨ã‹æœ€é©åŒ–ã¨ã‹ç´°ã‹ã„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¯ã‚ã‚Œã©ã€å¤§é›‘æŠŠã«ä¸‹è¨˜ã‚’å®ˆã‚‹ã€‚ãã—ã¦Image Optimï¼ˆor ç›¸å½“ã®å‡¦ç†ï¼‰ã€‚ JPEGã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã§ç”»è³ª60ãã‚‰ã„ï¼ˆã‚ªãƒ¬ç›®å®‰ï¼‰ PNGã¯å·®ã—æ”¯ãˆãªã„ç¯„å›²ã§è‰²æ•°ã‚’ãã¡ã‚“ã¨å‰Šã‚‹ 50pxæœªæº€ã®ã‚µãƒ ãƒã‚¤ãƒ«ã¯@2.0xãªãƒªã‚½ãƒ¼ã‚¹ã«ã—ãªã„ æ¡ˆå¤–ã€Androidã‚ã‚ã›ã®@1.5xã‚„@1.0xã§ã‚‚å¤§ä¸ˆå¤«ãªã“ã¨ã™ã‚‰ã‚ã‚‹ GIFã‚¢ãƒ‹ãƒ¡ã‚’å…¥ã‚Œ
site159 2014/01/04
CSS

CSS3

JavaScript

android

iPhone
ãƒªãƒ³ã‚¯
HTML5 Webãƒ“ãƒ¥ãƒ¼App ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ åˆ¶ä½œæ™‚ã®ã¾ã¨ã‚
ã“ã®ã‚µã‚¤ãƒˆã¯ã€åªä»ŠWEBæ¥ç•Œã§æ´»èºä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®æ–¹ã€…ã®æƒ…å ±ã‚’é›†ã‚ãŸwebçµ±åˆæƒ…å ±ã‚µã‚¤ãƒˆã§ã™ã€‚ webå¸³ ã‚„ã€ã‚„ã€ã‚„ã£ã¨ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸããã€œã€œï¼ï¼ï¼ é•·ã‹ã£ãŸã€‚ã„ã‚„ããªã‚“ã‹é•·ã‹ã£ãŸã€‚ã€‚ã€‚ ã¨ã€è¨€ã†ã‚ã‘ã§ä»Šå›žã€UIè¨è¨ˆã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å…¨èˆ¬ ãã®ä»–etcâ€¦ã‚’æ‹…å½“ã•ã›ã¦é ‚ã„ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ ã€Œé€£æ’ƒã®ãƒ–ãƒ¬ã‚¤ãƒ–ãƒãƒ¼ãƒ„ã€ãŒã¤ã„ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ã™ï¼ï¼ï¼ ãƒ‘ãƒãƒ‘ãƒãƒ‘ãƒãƒï¼ï¼ ã€Œé€£æ’ƒã®ãƒ–ãƒ¬ã‚¤ãƒ–ãƒãƒ¼ãƒ„ã€ è©³ç´° http://prtimes.jp/main/html/rd/p/000000014.000006973.html ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ https://itunes.apple.com/jp/app/id665019202?mt=8 ä»Šå›žã®ã‚²ãƒ¼ãƒ ã®å†…å®¹ã¯ã€æ“¬äººåŒ–ã—ãŸå¥³ã®åã‚’ä»²é–“ã¨é€£æºã—ã¦éŽ§ã‚’å‰¥ã„ã§è¡Œãã€‚ ã¨ã€ãªã‚“ã¨ã‚‚ã‚°ãƒ¬ãƒ¼ãªã¨ã“ã‚ã‚’é€²ã‚“ã§ã„ã‚‹ã‚²ãƒ¼ãƒ ãªã‚“ã§ã™ãŒw UIåˆ¶ä½œã«é–¢ã—ã¦ã‚‚è‰²ã€…
site159 2013/11/13
android

iPhone

Coding

CSS

CSS3

JavaScript
ãƒªãƒ³ã‚¯
Topcoat
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we donâ€™t want to hit your brand over the head with
site159 2013/05/09
ã‚¢ãƒ‰ãƒ“è¬¹è£½ã€€ã‚¹ãƒžãƒ›å‘ã‘ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Library

CSS

CSS3

iPhone

iPad

android

framework
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†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
site159 2013/04/17
iPad

iPhone

Android

HTML5

HTML

CSS3

CSS

coding
ãƒªãƒ³ã‚¯
CSS Nite LP25ï¼ˆShift 6ï¼‰ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã‚’å…¬é–‹ã—ã¾ã—ãŸï½œCSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
2012å¹´12æœˆ15æ—¥ï¼ˆåœŸï¼‰ ã€ãƒ™ãƒ«ã‚µãƒ¼ãƒ«ç¥žç”°ã§é–‹å‚¬ã—ãŸCSS Nite LP25ï¼ˆShift 6ï¼‰ã®ã™ã¹ã¦ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ã€éŸ³å£°ï¼‰ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ ï¼ˆ1ï¼‰ã€ŽåŸºèª¿è¬›æ¼”ï¼šæœªæ¥ã‚’ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã—ã‚ˆã†ã€ï¼ˆé•·è°·å· æä¹…ã•ã‚“ï¼‰ ï¼ˆ2ï¼‰ã€Ž2013å¹´ã«å‘ã‘ã¦æŠ¼ã•ãˆã¦ãŠããŸã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ãƒˆãƒ¬ãƒ³ãƒ‰20ã€ï¼ˆç›Šå è²´å¯›ã•ã‚“ã€å°å±±ç”° æ™ƒæµ©ã•ã‚“ï¼‰ ï¼ˆ3ï¼‰ã€ŽCodeGridç·é›†ç·¨2012ã€Œ2012å¹´ã®å¿…èªè¨˜äº‹ï¼†2013å¹´ã®æ³¨ç›®è¨˜äº‹ã€ã€ï¼ˆä¸æ‘ äº«ä»‹ã•ã‚“ã€å±±ç”° é †ä¹…ã•ã‚“ã€å¤–æ‘ å¥ˆæ´¥åã•ã‚“ï¼‰ ï¼ˆ4ï¼‰ã€Žã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ï¼šAccSellãƒãƒƒãƒ‰ã‚ãƒ£ã‚¹ãƒˆLIVEåŽéŒ²ã€ï¼ˆæ¤æœ¨ çœŸã•ã‚“ã€ä¸æ ¹ é›…æ–‡ã•ã‚“ã€å±±æœ¬ å’Œæ³‰ã•ã‚“ï¼‰ ï¼ˆ5ï¼‰ã€Žãƒ„ãƒ¼ãƒ«ã¨åˆ¶ä½œç’°å¢ƒã€é›»åæ›¸ç±2012-2013ã€ï¼ˆé·¹é‡Ž é›…å¼˜ï¼‰ ï¼ˆ6ï¼‰ã€Žã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ï¼š2012å¹´ã®ãƒˆãƒ”ãƒƒã‚¯æŒ¯ã‚Šè¿”ã‚Šã¨2013å¹´ã«å‘ã‘ãŸæ´»ç”¨ã®æŠ¼ã•ãˆã©ã“ã‚ã€ï¼ˆå¤§æœˆ èŒ‚æ¨¹ã•ã‚“ã€äº•å‡º ä¸€èª ã•
site159 2013/03/31
ã¾ã¨ã‚

CSSNite

CSS

WebDesign

Web

CSS3

Coding

JavaScript

iPhone

iPad
ãƒªãƒ³ã‚¯
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and em ails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. Weâ€™re constantly adding new resources and code snippets, includi
site159 2013/03/05
Framework

CSS3

CSS

android

iOS

iPad

iPhone

Coding
ãƒªãƒ³ã‚¯
CSS selectors - mobile
Here are almost all CSS2 and 3 selectors, and the CSS3 UI selectors (mostly structural pseudo-classes). This is the mobile table. See also the desktop table. Last major update on 1 October 2013. I'm writing a CSS book. Basics Selector iOS Android Chrome Opera BlackBerry Nokia UC Nintendo Dolphin Tizen One IE Firefox 6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS A
site159 2013/02/20
iOS

iPhone

iPad

android

CSS

CSS3

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSS Techniques for Retina Displays â€” SitePoint
January 10, 2013CSS Techniques for Retina Displays As many people use their highly porta ble devices for work and play, device manufacturers seek to enhance their user experience, making their devices simultaneously more powerful and easier to use. Apple gave us a completely new line-up of products that introduced double density pixel screens, creating sharper images on smaller screens. Other devic
site159 2013/02/06
ãƒžã‚¸ã€€ã‚ã‚“ã©ãã›ãˆ

CSS

CSS3

iPad

iPhone

Coding

Android
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆï¼†Webã‚¢ãƒ—ãƒªã®Retinaå¯¾å¿œæ–¹æ³•ã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€‚ ä¼šç¤¾ã‹ã‚‰MacBookPro Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ¢ãƒ‡ãƒ«ã‚’æ”¯çµ¦ã•ã‚Œã¾ã—ãŸæµ…æµ·ã§ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€éžå¸¸ã«å¿«é©ãªã®ã§ã™ãŒã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ãªã„Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ“ã‚¯ã‚»ãƒ«ãƒ™ãƒ¼ã‚¹ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ãŒã™ã“ã—ã¼ã‘ãŸã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ç‰¹ã«æ–‡å—ã‚’ç”»åƒã«ã—ã¦ã„ã‚‹å ´åˆãªã‚“ã‹ã¯ã€ã‹ãªã‚Šæ°—ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯æ—¢ã«iPhoneã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã»ã‹ã€ä¸€éƒ¨ã®Androidã‚‚Retinaç›¸å½“ã®è§£åƒåº¦ã‚’æŒã£ã¦ã„ã‚‹ãƒ¢ãƒ‡ãƒ«ãŒç™»å ´ã—ã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªãŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æ„è˜ã—ãŸä½œã‚Šã«ãªã£ã¦ã„ã‚‹ã“ã¨ã¯ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰ã‚‚PCãªã©ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œã®ãƒ‹ãƒ¼ã‚ºã¯å¢—ãˆã‚‹ã ã‚ã†ã¨æ€ã„ã€å¯¾å¿œæ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ç›®æ¬¡ imgã‚¿ã‚° CSS JavaScript Google Map
site159 2013/01/30
WebDesign

Canvas

Coding

CSS

CSS3

JavaScript

jQuery

iPad

iPhone

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Michiel de Graaf - Retina for web workflow - Designer and writer of CSS & HTML
The biggest pain of retina becoming the standard for computer displays is the extra work that's involved in making it work on the web. But it's possible to automate your retina (@2x) for web workflow thanks to Slicy, CSS preprocessors like Sass or Less and retina.js. Slicy A beautiful and very clever app by MacRabbit. Slicy turns photoshop layers into normal and retina images by simply naming a la
site159 2013/01/29
CSS3

CSS

Coding

iPad

iPhone

SCSS
ãƒªãƒ³ã‚¯
[css] CSS3æ™‚ä»£ã®ä¸Šä¸‹ä¸å¤®ã«é…ç½®ã™ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³
æœ€è¿‘å¤šç”¨ã™ã‚‹ã®ã§â€¦ã€‚ è¦ç´ ã®å…¨ç”»é¢åŒ–ã«ã¤ã„ã¦ å…ˆã«è¦ªã«ãªã‚‹è¦ç´ ã‚’ç”»é¢ã„ã£ã±ã„ã«åºƒã’ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è£œè¶³ã—ã¦ãŠãã€‚ å¤§ããåˆ†ã‘ã‚‹ã¨çµ¶å¯¾é…ç½®ã¨ã‚µã‚¤ã‚ºæŒ‡å®šã®ï¼’ã¤ã‚ã‚‹ã€‚ çµ¶å¯¾é…ç½®ã¯ã€position:absoluteã‚’æŒ‡å®šã—ãŸä¸Šã§ ï¼”æ–¹å‘ã®ä½ç½®ã‚’0ï¼ˆã¾ãŸã¯ä»»æ„ã®å€¤ï¼‰ã«ã™ã‚‹ã€‚ #wrapper { position:absolute; top:0; right:0; bottom:0; left:0; } ã‚µã‚¤ã‚ºæŒ‡å®šã¯ã€widthã¨heightã‚’æŒ‡å®šã™ã‚‹ã ã‘ã ãŒã€ å¯¾è±¡ã®è¦ç´ ã ã‘ã§ãªããã®è¦ªã‚‚é«˜ã•ã¨æ¨ªå¹…ãŒãªã„ã¨æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«ãªã‚‰ãªã„ã€‚ ç‰¹ã«é«˜ã•ã«ã¤ã„ã¦ã®æŒ‡å®šãŒãƒãƒžã‚Šã‚„ã™ã„ã€‚ å˜ç´”ã«bodyç›´ä¸‹ã«è¦ç´ ã‚’é…ç½®ã—ãŸã ã‘ã®å ´åˆã€ <body> <div id="wrapper"></div> </body> htmlã¨bodyã‚‚heightã‚’æŒ‡å®šã—ã¦ãªã„ã¨ç”»é¢ã„ã£ã±ã„ã«åºƒãŒã‚‰ãªã„ã€‚ html, body,
site159 2012/12/06
ãƒ‘ã‚¿ãƒ¼ãƒ³ã€€å¢—ãˆãŸã

CSS3

CSS

android

iPhone
ãƒªãƒ³ã‚¯
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
site159 2012/11/09
iPhone

Safari

framework

Mobile

JavaScript

CSS

CSS3
ãƒªãƒ³ã‚¯
UXã®åŠ¹æžœãŒæ•°å—ã§ã‚ã‹ã‚‹ï¼5ã¤ã®UX KPI : DeNA Creator(ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼) Blog
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„ç¤¾å“¡ã®å¥åº·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHOå®¤ã€ã®å–ã‚Šçµ„ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
site159 2012/09/05
iPhone

android

iPad

Application

ã¾ã¨ã‚

Coding
ãƒªãƒ³ã‚¯
CSS Nite LP22ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã‚’å…¬é–‹ã—ã¾ã—ãŸï½œCSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
ãƒ™ã‚¹ãƒˆã‚»ãƒƒã‚·ãƒ§ãƒ³20192019å¹´ã€CSS Niteã§ã¯49å›žã®é–¢é€£ã‚¤ãƒ™ãƒ³ãƒˆã‚’é€šã—ã¦123ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ãã®ä¸ã‹ã‚‰ãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³ï¼‹Î±ã‚’é¸ã³ã¾ã—ãŸã€‚ 2010å¹´ã‹ã‚‰2019å¹´ã®ãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2019CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2018CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2017CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2016CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2015CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2013CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³2012CSS Niteãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³20112010å¹´ã®ãƒ™ã‚¹ãƒˆ20ã‚»ãƒƒã‚·ãƒ§ãƒ³ CSS Niteã«ã¤ã„ã¦ CSS Niteï¼ˆã‚·ãƒ¼ã‚¨ã‚¹ã‚¨ã‚¹ãƒ»ãƒŠã‚¤ãƒˆï¼‰ã¯ã€Webåˆ¶ä½œã«é–¢ã‚ã‚‹æ–¹ã®ãŸã‚ã®ã‚»ãƒŸãƒŠãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã€‚2005å¹´10æœˆã«ã‚¹ã‚¿ãƒ¼ãƒˆã—ã€2017å¹´10æœˆã§ä¸¸12å¹´ã€‚ ã“ã‚Œã¾ã§ã«ã€600å›žã‚’è¶…ãˆã‚‹é–¢é€£ã‚¤ãƒ™ãƒ³ãƒˆã‚’é€šã—
site159 2012/08/20
Dreamweaver

Web

CSS

CSS3

iPhone

iPad

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml
site159 2012/06/19
ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒª

CSS

CSS3

iPhone

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