[B! WebKit] starneon3517ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

starneon3517 id:starneon3517

WebKitã«é–¢ã™ã‚‹starneon3517ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° 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 ã®å‡¦ç†ãŒèµ°ã‚Šã€è‡ªå‹•ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ï¼ˆæ‹¡å¤§ï¼‰ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ èª
starneon3517 2014/04/23
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

WebKit
ãƒªãƒ³ã‚¯
Androidã¨-webkit-tap-highlight-color
Androidã¨-webkit-tap-highlight-color Androidã¨-webkit-tap-highlight-colorã®é–¢ä¿‚ãŒã‚ˆãã‚ã‹ã‚‰ãšè‰²ã€…ã¨æ‚©ã‚“ã§ã„ãŸã®ã§ã™ãŒã€ã²ã¨é€šã‚Šã®çµè«–ãŒå‡ºãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚-webkit-tap-highlight-colorã£ã¦ãªã«ã‚ˆ iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§aè¦ç´ ã‚’ã‚¿ãƒƒãƒ—ã—ãŸã¨ãã«ãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã›ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ãƒã‚¤ãƒ©ã‚¤ãƒˆã¨è¨€ã£ã¦ã‚‚iPhoneã®å ´åˆã¯åŠé€æ˜Žã®ã‚°ãƒ¬ãƒ¼ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã™ãŒã€‚ ã‚µãƒ³ãƒ—ãƒ« ã“ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®è‰²ã‚’-webkit-tap-highlight-colorã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ a { -webkit-tap-highlight-color: rgba(0,0,215,0.40); } ã“ã®ã‚ˆã†ã«ã™ã‚‹ã¨ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚«ãƒ©ãƒ¼ãŒåŠé€æ˜Žãªé’è‰²ã«å¤‰ã‚ã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ãŸã ã—ã€ã“ã®ã‚ˆã†ã«æŒ‡å®šã—ã¦ã‚‚A
starneon3517 2013/11/27
WebKit

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

CSS3
ãƒªãƒ³ã‚¯
é–‹ç™ºè€…ã®ãŸã‚ã® WebKit (â€œWebKit for Developersâ€ æ—¥æœ¬èªžè¨³)
ã“ã®ãƒŽãƒ¼ãƒˆã¯ã€Paul Irishã«ã‚ˆã‚‹è¨˜äº‹ â€œWebKit for Developersâ€ ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ åƒ•ã‚‰é–‹ç™ºè€…ã®å¤šãã«ã¨ã£ã¦ã€WebKit ã¯ãƒ–ãƒ©ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã ã€‚HTML, CSS, JS, ãã®ä»–ã®ã‚¢ã‚»ãƒƒãƒˆã‚’æŠ•ã’ã‚‹ã¨ã€WebKit ã¯é”æ³•ã§ã‚‚ã‹ã‘ãŸã‹ã®ã‚ˆã†ã«ã€ç¶ºéº—ãª Web ãƒšãƒ¼ã‚¸ã‚’è¿”ã—ã¦ãã‚Œã‚‹ã€‚ã—ã‹ã—ã€åƒ•ã®åŒåƒš Ilya Grigorik ã¯æœ¬å½“ã® WebKit ã¯ã“ã†ã ã¨è¨€ã£ã¦ã„ã‚‹ã€‚ WebKit ã¯ãƒ–ãƒ©ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã§ã¯ãªã„ã€‚ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ãªã‚“ã ã€‚ã•ã‚‰ã«ãã‚Œã ã‘ã§ã¯ãªãã€ã‚ªãƒ¼ãƒ—ãƒ³ãªãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ãªã‚“ã ã€‚ ã˜ã‚ƒã‚ã€ã“ã‚Œã‹ã‚‰æ¬¡ã®ã“ã¨ã«ã¤ã„ã¦ç†è§£ã—ã¦ã„ã“ã†ã€‚ WebKit ã£ã¦ãªã«ï¼Ÿ ãªã«ãŒ WebKit ã˜ã‚ƒãªã„ã®ï¼Ÿ WebKit ãƒ™ãƒ¼ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ WebKit ã¯ã©ã†ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ï¼Ÿ ãªã‚“ã§ã™ã¹ã¦ã® WebKit ãŒåŒã˜ã˜ã‚ƒãªã„ã®ï¼Ÿ ã•ã¦ã€ä¸–ã®ä¸ã«æ•°å¤šãã® WebKi
starneon3517 2013/03/01
WebKit

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1216å½©ç¥¨-å®˜ç½‘å¹³å°
æ‚¨ä¸å…·å¤‡ä½¿ç”¨æ‰€æä¾›çš„å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µçš„æƒé™ã€‚ è¯·å°è¯•ä»¥ä¸‹æ“ä½œï¼š å¦‚æžœæ‚¨è®¤ä¸ºè‡ªå·±åº”è¯¥èƒ½å¤ŸæŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µé¢ï¼Œè¯·ä¸Žç½‘ç«™ç®¡ç†å‘˜è”ç³»ã€‚ å•å‡»åˆ·æ–° æŒ‰é’®ï¼Œå¹¶ä½¿ç”¨å…¶ä»–å‡æ®é‡è¯•ã€‚ HTTP é”™è¯¯ 401.1 - æœªç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— æ•ˆè¢«æ‹’ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) æŠ€æœ¯ä¿¡æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æä¾›ï¼‰ è½¬åˆ° Microsoft äº§å“æ”¯æŒæœåŠ¡ å¹¶æœç´¢åŒ…æ‹¬â€œHTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ æ‰“å¼€â€œIIS å¸®åŠ©â€ï¼ˆå¯åœ¨ IIS ç®¡ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„ä¸»é¢˜ã€‚
starneon3517 2013/02/22
WebKit
ãƒªãƒ³ã‚¯
-webkit-text-size-adjust: none ã‚’çµ¶å¯¾ã«è¨å®šã—ã¦ã¯ã„ã‘ãªã„ç†ç”±
PC ç‰ˆã® Google Chrome ã‚„ Safari ã§è¦‹ãŸã¨ãã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ãŒè½ã¡ã‚‹ã‹ã‚‰ã€‚ ä»¥ä¸Šã€‚ ã§çµ‚ã‚ã£ã¦ã—ã¾ã†ã¨è¨˜äº‹ã«ãªã‚‰ãªã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨èª¬æ˜Žã—ã¦ãŠãã€‚ ãã‚‚ãã‚‚ -webkit-text-size-adjust ã¨ã¯ä½•ã‹ iPhone ã‚„ Android ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ã€ç¸¦å‘ã (Portrate mode) ã¨æ¨ªå‘ã (Landscape mode) ã®æ–‡å—ã‚µã‚¤ã‚ºã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚‹ã€‚ ã“ã‚Œã‚’åˆ¶å¾¡ã™ã‚‹ã®ãŒ CSS ã® -webkit-text-size-adjust ã§ã‚ã‚‹ã€‚ æ–‡å—ã‚µã‚¤ã‚ºè‡ªå‹•èª¿æ•´ã®å…·ä½“ä¾‹ æ¬¡ã®ã‚ˆã†ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
starneon3517 2013/02/14
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

WebKit
ãƒªãƒ³ã‚¯
@keyframesã¨Android
@keyframesã¨Android CSS3ã®@keyframesã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒAndroidã§ã‹ãªã‚Šãƒã‚°ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ transf ormã«è¤‡æ•°ã®å€¤ã‚’æŒ‡å®šã™ã‚‹ã¨å‹•ã‹ãªã„ @-webkit-keyframes hogeName{ 0% {-webkit-transf orm:scale(1,2)} 50% {-webkit-transf orm:scale(2,2) translateY(10px)} 100% {-webkit-transf orm:scale(1,1) translateY(0)} } ã‚µãƒ³ãƒ—ãƒ« ã¨ã„ã†ã‚ˆã†ã«transf ormã«è¤‡æ•°ã®å€¤ãŒä¸è¦å‰‡ã«å…¥ã‚‹å ´åˆAndroidã§ã¯å‹•ä½œã—ãªããªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ï¼ˆã“ã®ã‚µãƒ³ãƒ—ãƒ«ã ã¨scaleã®æŒ‡å®šãŒç„¡è¦–ã•ã‚Œã‚‹ï¼‰ @-webkit-keyframes hogeName{ 0% {-webkit-transf orm
starneon3517 2012/12/22
css3

android

WebKit
ãƒªãƒ³ã‚¯
webkitåŸºç¤Žç·¨02 | HTML5+CSS3ã§ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹ã€‚
â– ã„ã‚ã„ã‚ãªå‹•ã ã“ã“ã¯webkitã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã—ãŸãŒã€firefoxã«ã‚‚å¯¾å¿œã•ã›ã¾ã—ãŸã€‚(2013/2/1) ãƒžã‚¦ã‚¹ã‚ªãƒ³ã§ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« [ è§’ã‚’ä¸¸ã ] ã‚µãƒ³ãƒ—ãƒ«html --[ html ]----------------------- <div class="anime01"></div> --[ CSS ]------------------------ .anime01{ background:#000; color:#fff; padding:10px; width:100px; height:10px; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; transition: 1s ease-in-out; } .anime01:hover{ -webkit-bor
starneon3517 2012/12/18
WebKit

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
iScroll 4 â€“ Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now itâ€™s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 â€“ v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
starneon3517 2012/11/30
WebKit

jquery
ãƒªãƒ³ã‚¯
Webkit ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ IE10 ã«é©å¿œã•ã›ã‚‹ãŸã‚ã®ã‚¬ã‚¤ãƒ‰
ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ãƒ‰ãƒƒãƒˆã§ ã€ŒMicrosoftã€ã€ŒWebKitã¯Webæ¨™æº–ã‚’ç ´å£Šã—ã¦ã„ã‚‹ã€ã¨ä¸»å¼µã€ ãªã‚“ã¦ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãŒä¸ŠãŒã£ã¦ã¦ã€ãªã‚“ãžã‚„ã¨æ€ã£ã¦å¤§æœ¬ã®è¨˜äº‹ã‚’è¦‹ã«è¡Œã£ãŸã‚“ã§ã™ã‘ã©ã€ãã—ãŸã‚‰ãã‚ŒãŒ ã€ŒWebkit ã—ã‹å¯¾è±¡ã«ã—ã¦ãªã„ Web ã‚µã‚¤ãƒˆã‚’ IE10 ã§ã‚‚ãã¡ã‚“ã¨å‹•ä½œã•ã›ã‚‹ãŸã‚ã«ã‚„ã£ã¨ã„ãŸæ–¹ãŒã„ã„ã“ã¨ã‚¬ã‚¤ãƒ‰ã€ ã£ã¦ã„ã†ãŠå½¹ç«‹ã¡ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã£ãŸã£ã¦ã“ã¨ã§ã€ãŒã‚“ã°ã£ã¦æœ€å¾Œã¾ã§èªã‚“ã æ‰‹å‰ã€ã¤ã„ã§ãªã®ã§ç¿»è¨³ã—ã¦æŽ²è¼‰ã—ã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚ Microsoftã€ã€ŒWebKitã¯Webæ¨™æº–ã‚’ç ´å£Šã—ã¦ã„ã‚‹ã€ã¨ä¸»å¼µ ï¼š ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ãƒ‰ãƒƒãƒˆãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³ ã¡ãªã¿ã«ç¿»è¨³å…ƒã®è¨˜äº‹ã¯ ã€ŒWindows Phone Developer Blogã€ ã§æ›¸ã‹ã‚ŒãŸå†…å®¹ãªã®ã§ã€ã€ŒWindows Phone 8 ã§å‹•ä½œã™ã‚‹ IE10ã€ ã£ã¦ã„ã†æ›¸ãæ–¹ã«ãªã£ã¦ã„ã‚‹éƒ¨åˆ†ã‚„ã€ã™ã¹ã¦ Webkit ã¨å¯¾æ¯”ã—ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«
starneon3517 2012/11/21
WebKit

IE
ãƒªãƒ³ã‚¯
css-lecture.comÂ -Â css lecture ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
starneon3517 2012/09/26
WebKit

webåˆ¶ä½œ

CSS3
ãƒªãƒ³ã‚¯
iPhone / iPadãªã©ã§position: fixedãŒåˆ©ç”¨ã§ãã‚‹ã€ŒiScrollã€
é…å¸ƒå…ƒï¼šiScroll ãƒ©ã‚¤ã‚»ãƒ³ã‚¹:MIT-License iPhone / iPadã€Androidãªã©ã«æè¼‰ã•ã‚Œã¦ã„ã‚‹mobile WebKitã§ã¯CSSã®position: fixedãŒåˆ©ç”¨ã§ãã¾ã›ã‚“ãŒã€iScrollã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åˆ©ç”¨ã—ãŸã‚ˆã†ã«ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ã®å›ºå®šãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ åˆ©ç”¨æ–¹æ³• ã¾ãšã¯ã€headè¦ç´ å†…ãªã©ã§é…å¸ƒã‚µã‚¤ãƒˆã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªæœ¬ä½“ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script src="iscroll.js"></script> HTMLã§ã¯æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ã‚’wrapperã¨scrollerã¨ã„ã†idã‚’ã¤ã‘ãŸdivè¦ç´ ã§åŒ…ã‚“ã§ãŠãã¾ã™ã€‚ <body> <header id="header">ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†</header> <div id="wrapper"> <div id="scroller"> ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ† </div>
starneon3517 2012/05/15
WebKit

JavaScript

CSS
ãƒªãƒ³ã‚¯
-webkit-border-radius ãªã‚“ã¦æ›¸ã„ã¦ã„ã‚‹Webé–‹ç™ºè€…ã¯è…¹ã‚’åˆ‡ã£ã¦æ»ã¬ã¹ãã§ã‚ã‚‹ - hogehoge @teramako
åœ°ç„ã®ç«ã®ä¸ã«æŠ•ã’è¾¼ã‚€ã‚‚ã®ã§ã‚ã‚‹ã€‚ ã„ã‚„ã€ã¾ã‚ãã‚“ãªãƒã‚¿ã¯ã©ã†ã§ã‚‚è‰¯ãã¦... ãã®ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é è¾žã¯ã„ã¤ã¾ã§æ›¸ãã®ï¼Ÿ | Unformed Building æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã¯è‡³æ¥µçœŸã£å½“ãªã“ã¨ã€‚ã‚‚ã‚æ‰‹ã‚’ã‚ã’ã¦è³›æˆã§ã‚ã‚‹ã€‚ ã¾ãŸã€ ãƒ™ãƒ³ãƒ€ãƒ¼æ‹¡å¼µãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ãã‚Œãã®ã‚‚ã®ãŒWebã‚’ç ´å£Šã™ã‚‹ã“ã¨ã¯ãªã„ã—ã€ãƒ™ãƒ³ãƒ€ãƒ¼ç‹¬è‡ªã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚„é–¢æ•°ãŒæ•°ä¸‡è¿½åŠ ã•ã‚Œã¦ä½¿ã‚ã‚Œã¾ãã£ãŸã¨ã—ã¦ã‚‚æœ¬å½“ã¯Webã¯å£Šã‚Œãªã„ã€‚ã¾ãŸãã®æ–‡æ³•ãŒå¤‰æ›´ã•ã‚Œã¦ã‚‚ä¿®æ£ã¾ãŸã¯è¿½åŠ ã™ã‚Œã°å¯¾å¿œã§ãã‚‹ã—ã€ãã®ä½™è£•ã¯ååˆ†ã«ã‚ã‚‹ã€‚ã¤ã¾ã‚Šå£Šã‚Œã‚‹ã®ã¯ã»ã¨ã‚“ã©å…¨ã¦ã®ã‚±ãƒ¼ã‚¹ã§é–‹ç™ºè€…ã®æ€ æ…¢ã«éŽãŽãªã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨ä»•æ§˜ã¨å®Ÿè£…ã‚’ç†è§£ã—ã¦å¿…è¦ãªã‚‰ã°å¯ã‚‹é–“ã‚’æƒœã—ã‚“ã§ä¿®æ£ä½œæ¥ã«è¡€çœ¼ã«ãªã‚‹ã¹ãã€‚ã¿ãŸã„ãªå®Ÿè·µã‚’ä¼´ã‚ãªã„æ„è˜ã‚’åƒ•ã¯æŒã£ã¦ã„ã‚‹ã€‚ ãªã®ã§æ†‚ã†ã¹ãã“ã®ç¾çŠ¶ã¯ã€IE6ãŒæ‹¡æ•£ã—ã¦æ®‹ã‚Šç¶šã‘ãŸã“ã¨ã¨åŒã˜ã‚ˆã†ã«ãƒ™ãƒ³ãƒ€ãƒ¼å´ã§ã¯ãªãWebé–‹ç™ºè€…å´ã«éžãŒã‚ã‚‹ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ãƒ™ãƒ³ãƒ€
starneon3517 2012/05/15
WebKit

ä»•æ§˜
ãƒªãƒ³ã‚¯
WebKitï¼Google Chromeé–‹ç™ºè€…ã«èžãã€HTML5æœ€å‰ç·š ï¼ ï¼ IT
2010/05/12 ã€Œã‚°ãƒ¼ã‚°ãƒ«ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒSafariã®ãŸã‚ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã“ã¨ã‚‚ã‚ã‚‹ã‚“ã§ã™ã‚ˆã€‚WebKitã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ä¸ã§ã¯ã€ãã®ã»ã†ãŒç‰©äº‹ã®é€²ã¿ãŒé€Ÿã„ã¨ã„ã†ä¸æ–‡å¾‹ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ã‚“ã§ã™ã€ ã“ã†èªžã‚‹ã®ã¯ã€ã‚°ãƒ¼ã‚°ãƒ«ã§Chromeé–‹ç™ºã«æºã‚ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®éµœé£¼æ–‡æ•æ°ã ã€‚éµœé£¼æ°ã¯Chromeã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãŸã‚ã«ã€WebKitã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§WebSocketã®è¨è¨ˆã€å®Ÿè£…ãªã©ã‚‚è¡Œãªã£ã¦ã„ã‚‹ã€‚ WebKitã¯ä¸æ€è°ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã€‚ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€Google Chromeã¨Apple Safariï¼ˆãŠã‚ˆã³iPhoneã‚„iPadã«æè¼‰ã•ã‚Œã‚‹ãã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®Mobile Safariï¼‰ã¯ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºãŒé€²ã‚€ã€ŒWebKitã€ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’å…±æœ‰ã—ã¦ã„ã‚‹ã€‚ã“ã“ã«ã•ã‚‰ã«ã€WebKitã‚’çµ±åˆã—ãŸGUIé–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒQtã€ã‚’æŠ±ãˆã‚‹ãƒŽã‚ã‚¢ã‚„ã€æè¼‰ãƒ–ãƒ©ã‚¦ã‚¶ã‚’Web
starneon3517 2011/12/28
WebKit

HTML5
ãƒªãƒ³ã‚¯
Androidç«¯æœ«ã®devicePixelRatio
Androidç«¯æœ«ã®devicePixelRatio WebKitç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯devicePixelRatioã¨ã„ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯ç”»åƒ1pxã‚’å®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ä½•pxã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¡Œã†ã‹ã¨ã„ã†ã‚‚ã®ã€‚ CSSã§devicePixelRatioã‚’ç‰¹å®šã§ãã‚‹ -webkit-min-device-pixel-ratioãªã©ã¯ iPhone4ã®Retina Displayå¯¾å¿œãªã©ã§ä¸€æ™‚æœŸæ³¨ç›®ã•ã‚Œã¾ã—ãŸãã€‚ ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘ | KAYAC DESIGNER'S BLOG JavaScriptã§ã¯æ¬¡ã®ã‚ˆã†ã«å–å¾—ã§ãã¾ã™ã€‚ window.devicePixelRatio ãã“ã§ã€Androidç«¯æœ«ã®devicePixelRatioãŒã©ã†ãªã£ã¦ã‚‹ã‹Twitterã§è‰²ã€…ãªæ–¹ã«å”åŠ›ã„ãŸã ãèª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚
starneon3517 2011/09/28
Android

WebKit
ãƒªãƒ³ã‚¯
http://www.css-lecture.com/log/css3/css3-border-radius.html
starneon3517 2011/09/02
CSS3

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

webåˆ¶ä½œ

WebKit
ãƒªãƒ³ã‚¯
iPhone 4 ã® CSS ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•
æºå¸¯é›»è©± (Nokia, Sonye Eicsson, iPhone) ã‚„Macã€å†™çœŸã€å‰ç”°ã‚«ãƒãƒ³ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œ (HTML5, CSS3) ãªã©ã«ã¤ã„ã¦ã®ãƒ–ãƒã‚° iPhone 4ã¨iPhone 3G/3GSã¨ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ‡ã‚Šæ›ãˆã‚‹æ–¹æ³•ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ iPhone 4ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤è§£åƒåº¦ã¯å¾“æ¥æ©Ÿã¨æ¯”ã¹ã¦ç¸¦æ¨ªãã‚Œãžã‚Œ2å€ã«ãªã‚Šã¾ã—ãŸãŒã€iPhone 4ã®Safariã§ã¯viewportã‚’å¾“æ¥ã©ãŠã‚Šã€Œwidth=device-widthã€ã¨æŒ‡å®šã—ã¦ã‚‚ã€320Ã—480ãƒ”ã‚¯ã‚»ãƒ«ã®ç”»é¢ã‚’2å€ã«æ‹¡å¤§ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤è§£åƒåº¦ã®é•ã„ã‚’è€ƒæ…®ã—ãªãã¦ã‚‚ã€å¾“æ¥ã¨åŒæ§˜ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã§ã¯ç”»åƒã«ã‚¸ãƒ£ã‚®ãƒ¼ãŒç™ºç”Ÿã—ã¦ã—ã¾ã†ã®ã§ã€iPhone 4ã‚’åŒºåˆ¥ã§ããªã„ã‹ã¨è‰²ã€…æŽ¢ã£ã¦ã„ãŸã¨ã“ã‚ã€JavaScriptï¼ˆDOMï¼Ÿï¼‰ã«ã€Œwindow.devicePixelRatioã€ã¨
starneon3517 2011/09/01
iPhone

webåˆ¶ä½œ

WebKit
ãƒªãƒ³ã‚¯
ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘
iPhone4 ãŒã¤ã„ã«å±Šã„ã¦èˆˆå¥®æ°—å‘³ã®gunjiã§ã™ã€‚ 2é€±é–“å¾…ã¡ã§ã—ãŸï¼ å¾…ã£ã¦ã‚‹é–“ã«ã€iPhone4ã‚‚å¯¾è±¡ã¨ã—ãŸWEBã‚¢ãƒ—ãƒªï¼ˆãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®web view ã‚’å«ã‚€ï¼‰ ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã„ãŸã¨ã“ã‚ã€ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ç”»åƒã‚’æœ€é©åŒ–ã•ã›ã‚‹ã®ã£ã¦æ„å¤–ã¨ã‚ã‚“ã©ã„ã‚ˆãï¼ ã¨ã„ã†ç¾å®Ÿã«æ‰“ã¡ã®ã‚ã•ã‚ŒãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ãã‚‚ãã‚‚Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã£ã¦ãªã‚“ã§ã—ãŸã£ã‘ï¼Ÿ ã¯ã„ã¯ã„ã€iPhone4ã®ç›®çŽ‰ã®ã²ã¨ã¤ã§ã€ä»Šã¾ã§ã®2å€ã®è§£åƒåº¦ã§ ç”»é¢ãŒã¨ã£ã¦ã‚‚ã‚ãƒ¬ã‚¤ã«è¦‹ãˆã‚‹ã‚“ã§ã™ã‚ˆãï¼ æ‹¡å¤§ã—ãªãã¦ã‚‚å°ã•ãªæ–‡å—ãŒèªã‚ã‚‹ãªã‚“ã¦ã‚µã‚¤ã‚³ãƒ¼ï¼ ã¨ã“ã‚ãŒã€ä»Šã¾ã§iPhoneå‘ã‘ã«ä½œã£ãŸã‚µã‚¤ãƒˆã‚’ã“ã®iPhone4ã§è¦‹ã‚‹ã¨ã¡ã‚‡ã£ã¨ ä¸æ€è°ãªçŠ¶æ…‹ã«ãªã£ã¦ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã™ã€‚ iPhone4ã§è¦‹ãŸã‚‰ãªã‚“ã‹ç”»åƒãŒã«ã˜ã‚“ã§ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ãƒ»ãƒ»ãƒ»ï¼Ÿï¼ ã“ã†ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ ãã†ã€
starneon3517 2011/09/01
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ç”»åƒ

webåˆ¶ä½œ

WebKit
ãƒªãƒ³ã‚¯
WebKit ã‚µãƒ¼ãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸ - ITæˆ¦è¨˜
ã¿ãªã•ã‚“ ãŠä¹…ã—ã¶ã‚Šã§ã™ãƒ½(Â´ãƒ¼ï½€)ãƒŽå¤ä¼‘ã¿ã®å®¿é¡Œçµ‚ã‚ã‚Šã¾ã—ãŸï¼Ÿ æ¯Žæ—¥ãŒå¤ä¼‘ã¿ã®æœ€çµ‚æ—¥ã¿ãŸã„ãªç”Ÿæ´»ã—ã¦ã‚‹ã‚ã¾ã¡ã‚ƒã‚“ã§ã™ï¼ ã•ã¦ã•ã¦ ä»Šæ—¥ã¯ WebKit ã‚µãƒ¼ãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸã®ã§ã€ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ WebKit ã£ã¦ä½•ï¼Ÿ WebKit ã£ã¦ã„ã†ã®ã¯ Chrome ã‚„ Safari ã®ä¸ã«å…¥ã£ã¦ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¨ãƒ³ã‚¸ãƒ³ã®ã“ã¨ã§ã™ï¼ å®Ÿã¯ãƒ–ãƒ©ã‚¦ã‚¶ã£ã¦ã„ã†ã®ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã¨è¦‹ãŸç›®ã®éƒ¨åˆ†ï¼ˆã‚¿ãƒ–ã¨ã‹ãƒœã‚¿ãƒ³ã¨ã‹ãï¼‰ã«åˆ¥ã‚Œã¦ã„ã¦ã€æ„å¤–ã¨é•ã†ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã¯åŒã˜ã‚‚ã®ã‚’ä½¿ã£ã¦ã‚‹ã£ã¦ã“ã¨ã‚‚å¤šã„ã‚“ã§ã™ã‚ˆ(*Â´ãƒ¼ï½€) ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒ¼ãƒãƒ¼ã£ã¦ã©ã†ã„ã†ã“ã¨ï¼Ÿ è¦ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ãƒ–ãƒ©ã‚¦ã‚¶ã‚’èµ·å‹•ã—ã¦ JavaScript ã‚’å®Ÿè¡Œã—ãŸã‚Šã€ JavaScript ãŒå®Ÿè¡Œã•ã‚Œãªã„ã¨èªã‚ãªã„ãƒšãƒ¼ã‚¸ã‹ã‚‰å€¤ã‚’æŒã£ã¦ãã‚‹ã®ã«ä½¿ã£ãŸã‚Šã—ã‚ˆã†ã¨ã„ã†é‚èƒ†ã§ã™ã€‚ ä»Šã¾ã§ã¯ãã†ã„ã†ã®ãªã‹ã£ãŸã®ï¼Ÿ å®Ÿã¯ã€ä»Šã¾ã§ã¯ JavaS
starneon3517 2011/08/31
WebKit

ã‚µãƒ¼ãƒãƒ¼
ãƒªãƒ³ã‚¯
1