New community features for Google Chat and an update on Currents
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
ブラウザã®ã—ãã¿: 最新ウェブブラウザã®å†…éƒ¨æ§‹é€ - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
BlinkãŒWebKitã‹ã‚‰ãƒ•ã‚©ãƒ¼ã‚¯ã—ã¦1年。éŽåŽ»ã®ã‚³ãƒ¼ãƒ‰ã®åŠåˆ†ã¯å‰Šé™¤ã•ã‚ŒãŸã¨
GoogleãŒChrome/Chromiumã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã€WebKitã‹ã‚‰ãƒ•ã‚©ãƒ¼ã‚¯ã—ãŸBlinkã¨ã—ã¦é–‹ç™ºã‚’ã¯ã˜ã‚ã¦ã‹ã‚‰1å¹´ãŒéŽãŽã¾ã—ãŸã€‚ The Chromium Blogã«ãƒã‚¹ãƒˆã•ã‚ŒãŸè¨˜äº‹ã€ŒBlink’s First Birthdayã€ã§ã¯ã€ã“ã®1年を振り返ã£ã¦ã€ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚³ãƒ³ãƒˆãƒªãƒ“ュータãŒ200人ã«ãªã‚Šã€ã‚³ãƒ¼ãƒ‰ã®è¤‡é›‘性ãŒæ¸›å°‘ã—ãŸã“ã¨ã‚’挙ã’ã€2014å¹´ã®æœ€å„ªå…ˆèª²é¡Œã¨ã—ã¦ãƒ¢ãƒã‚¤ãƒ«Webパフォーマンスã®å‘上ã ã¨èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ On the technical side, code size and complexity remains an ongoing challenge for Blink. Code complexity slows development and leads to bugs. Fortunately, we’ve been able to aggr
Blinkã§ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã®width/heightãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’å«ã‚€ã‚ˆã†ã« - fragmentary
Chrome 28ãŒBetaã«ç§»ã£ãŸã€‚表é¢ä¸Šã¨ãã«é•ã„ã¯ãªã„ã ã‚ã†ã‘ã‚Œã©ã€BlinkãªChromeã§ã™ã‚ˆã€‚ ã•ã¦ã€ã‚¿ã‚¤ãƒˆãƒ«ã§è¨€ã£ãŸã¨ãŠã‚Šã®å¤‰æ›´ãŒBlinkã«è¡Œã‚ã‚ŒãŸã€‚ 144cc4f (@149832) - chromium/blink — Include scrollbar size in @media width/height M28ã«å…¥ã‚‹ã‹ãªã¨æ€ã£ã¦è©¦ã—ãŸã‚“ã ã‘ã©ã€ãã†å‹•ã‹ãªã‹ã£ãŸã®ã§ã“ã‚Œã¯M29ã‹ã‚‰ã«ãªã‚Šãã†ã€‚Stableã¾ã§ã¯3ヶ月ã»ã©çŒ¶äºˆãŒã‚ã‚‹ã‹ã‚‰ã€å…¥ã‚‰ãªãã¦ã‚ˆã‹ã£ãŸã‹ã‚‚。 ãˆãˆã¨ã€ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ã€ã‚‚ã—〠RWDãªã©ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’使ã†ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„㦠クエリ㧠width (ã‚ã‚‹ã„㯠height) を使ã£ã¦ã„㦠Chromeã‚‚ã—ãã¯Safariをメインã«ä½œã£ã¦ã„㦠ãã®ã‚µã‚¤ãƒˆã‚’Firefox, Opera, IEã§ãƒ†ã‚¹ãƒˆã—ã¦ã„ãªã„ ã¨ã„ã†å ´åˆã€ãƒ–レークãƒã‚¤ãƒ³ãƒˆå‰
CSS ã‹ã‚‰ãƒ™ãƒ³ãƒ€ãƒ—レフィックスã¨ã„ã†ä»•çµ„ã¿ãŒæ¶ˆãˆã‚‹æ—¥
Google Chrome ãŒæŽ¡ç”¨ã™ã‚‹æ–°ã—ã„オープンソースレンダリングエンジン 「Blink〠ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®è¨˜è¿°ã‚„ Mozilla ã®æ–¹é‡ã‹ã‚‰ã€ä»Šå¾Œãƒ™ãƒ³ãƒ€ãƒ—レフィックスãŒãªããªã‚‹ã‹ã‚‚ã¨ã„ã†ãŠè©± 本ã®è™«ã•ã‚“ã§ã€ã€ŒBlinkã€æ–°æ©Ÿèƒ½ã«å¯¾ã—ã¦æ–°ãŸãªãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ã‚’è¿½åŠ ã—ãªã„決定〠ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„㟠（ã¡ãªã¿ã« border-radius ã¯ç¾çŠ¶ã€-moz- ã‚‚ -webkit- ã‚‚ä¸è¦ã§ä½¿ãˆã¾ã™ã‚ˆï¼‰ ã®ã§ã™ãŒã€ã“ã‚Œã€ç¢ºã‹ Blink レンダリングエンジンãŒç™ºè¡¨ã•ã‚ŒãŸæ™‚ã‹ã‚‰ FAQ ã¨ã‹ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã—ãŸã‚ˆã？ ãªã®ã§ä»Šã•ã‚‰ã ã¨æ€ã„ã¾ã™ãŒã€å½“ Blog ã§ã¯å½“時触れã¦ã„ãªã‹ã£ãŸã—ã€ã„ã„機会ã§ã™ã®ã§ç°¡å˜ã«æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Google ã® Chromium プãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ Webkit ã‹ã‚‰ã€Webkit をフォークã—ã¦é–‹ç™ºã•ã‚ŒãŸæ–°ã—ã„オ
CSS Blending 入門 | Adobe Developer Connection
アドビ Web プラットフォームãƒãƒ¼ãƒ ã¯ã€Web 上ã§åˆ©ç”¨å¯èƒ½ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã€ãã—ã¦ãƒ“ジュアル効果を一æ©å…ˆã«é€²ã‚ã‚‹ãŸã‚ã«åƒã„ã¦ã„ã¾ã™ã€‚我々ã¯ã€W3C を始ã‚ã€ãƒ–ラウザベンダーをå«ã‚€ä»–ã®ä¼æ¥ã¨ã€å…ˆé€²çš„ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼, 2D 㨠3D ã®ãƒ•ã‚£ãƒ«ã‚¿åŠ¹æžœ, 雑誌スタイルã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®ä»•æ§˜ç–定や実装を行ã£ã¦ã„ã¾ã™ã€‚ グラフィックツールã§ã¯ãšã£ã¨å‰ã‹ã‚‰ä½¿ãˆãŸã®ã«ã€Web ã§ã¯åˆ©ç”¨ã§ããªã‹ã£ãŸæ©Ÿèƒ½ã®ä¸€ã¤ã¯ãƒ–レンドã§ã™ã€‚ブレンドã¯ã»ã¨ã‚“ã©ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã€é »ç¹ã«ä½¿ã‚ã‚Œã¦ãã¾ã—ãŸã€‚ã“ã®ä¸»é¡Œã ã‘ã§ã‚‚数多ãã®æ›¸ç±ãŒå‡ºç‰ˆã•ã‚Œã€èˆˆå‘³æ·±ã„効果を実ç¾ã™ã‚‹ãŸã‚ã®æ‰‹é †ã‚„ヒントを紹介ã™ã‚‹æ•°ãˆãã‚Œãªã„ã»ã©ã® Web 上ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå˜åœ¨ã—ã¾ã™ã€‚ブレンド㯠PDF ã®æ§˜ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚„ Photoshop ã®æ§˜ãªãƒ„ールã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚我々ã¯ã€ã“れを HTML ã®ä¸–ç•Œã§
Chromium Project ㌠Blink レンダリングエンジンを採用ã™ã‚‹ã“ã¨ã¯ WebKit ã«ã¨ã£ã¦ä½•ã‚’æ„味ã—ã¾ã™ã‹ï¼Ÿ - Knoh (ノウ) | The Knowledge Hub
良ã„質å•ã 。Google社員ã®ã»ã†ãŒã‚‚ã£ã¨è¦‹è˜ã‚’æŒã£ãŸç”ãˆã‚’æŒã¡è¾¼ã‚ã‚‹ã¨æ€ã†ãŒã€ç§ã¯WebKitã«å°ã•ãé–¢ã‚ã£ãŸå¤–部ã®è€…ã¨ã—ã¦ã€é æ…®ãªãç”ãˆã‚‹ã“ã¨ãŒã§ãる。 ãŠã•ã‚‰ã„ã™ã‚‹ã¨ã€Safariã¨Chromiumã¯ç¾åœ¨WebKitã¨ã„ã†åŒä¸€ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’使ã£ã¦ã„る。Googleã¨Appleã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒžãƒ¼ã‚±ãƒƒãƒˆã§ï¼ˆè‹¦ã€…ã—ã„）ライãƒãƒ«åŒå£«ã«ãªã‚‹å‰ã‹ã‚‰æ•°å¹´ã«ã‚ãŸã‚Šå”åƒã—ã¦ããŸã€‚ WebKitã«ãŠã‘る変更ã¯ã€Appleã¨Google両社ã«ã‚ˆã‚‹æ‰¿èªãŒå¿…è¦ã ã£ãŸã€‚ã“ã‚Œã¯è°è«–ã«ã¤ãªãŒã£ãŸã€‚より大ããªå¤‰æ›´ã§ã‚ã‚‹ã»ã©ã€è°è«–ã¯é•·å¼•ã„ãŸã€‚Googleã¯Appleã¨ã‚‚ã†è°è«–ã—ãŸããªã‹ã£ãŸã®ã§ã€ã€ŒãŠå‰ã‚‰ãªã‚“ã‹çŸ¥ã‚‰ããˆã€å‡ºã¦ã£ã¦ã‚„ã‚‹ï¼ã€ã¨å®£è¨€ã—ãŸã®ã 。 Blinkã¯æ–°ã—ã„エンジンã¨ã„ã†ã‚ˆã‚Šã¯ã€WebKitã®ãƒ•ã‚©ãƒ¼ã‚¯ï¼ˆåˆ†å²ï¼‰ã 。é•ã†è¨€ã„方をã™ã‚Œã°ã€Googleã¯Appleを追ã„出ã—ã€WebKitを支é…下ã«ç½®ã„ã¦æ”¹åã—ãŸã“ã¨ã«ãª
webkit-devã§è¦‹ã‚‹Blinkã®ãƒ•ã‚©ãƒ¼ã‚¯ | Scene Research Station
ã¤ã„ã«WebKitã‹ã‚‰Googleå‹¢ãŒåˆ†è£‚ã—ã¦Blinkã¨ã„ã†æ–°ã—ã„フォークãŒå‡ºæ¥ã¦ã—ã¾ã£ãŸã€‚ 折りã—ã‚‚mozillaãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã‚’Rustã§ä½œã‚Šç›´ã™ã¨ã„ã†æŒ‘戦的ãªãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚‚é‡ãªã‚Šã€ 新年度早々Webæ¥ç•Œã‚¦ã‚©ãƒƒãƒãƒ£ãƒ¼ã«ã¯è¡æ’ƒãŒèµ°ã£ãŸã€‚ ã•ã¦ã€ã“ã®Blinkã®ãƒ•ã‚©ãƒ¼ã‚¯é¨’å‹•ã ã‘ã©ã€ç†ç”±ã¯å¤§ããï¼’ã¤ã‚ã‚‹ã¨æ€ã†ã€‚ 一ã¤ã¯ã€æ€§èƒ½ã‚„安全性å‘上ã®ãŸã‚ã®ãƒªã‚¢ãƒ¼ã‚ãŒç¾çŠ¶ã®WebKitã®trunkã§ã¯é›£ã—ã„ã‹ã‚‰ã€‚ 二ã¤ã¯ã€WebKitã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ä¸Šã§ã®Appleå‹¢ã¨Googleå‹¢ã®ä¿¡é ¼é–¢ä¿‚ãŒå´©ã‚ŒãŸãŸã‚。 一ã¤ç›®ã®æ€§èƒ½ã«é–¢ã™ã‚‹ç†ç”±ã¯æ˜Žç™½ã€‚Blinkã®å…¬å¼ã‚µã‚¤ãƒˆã«ã‚‚ã‚るよã†ãªã€iframeã®sandbox化ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚³ãƒ¼ãƒ‰ã®ç°¡æ½”化ã€DOMã‚’JSヒープã«ç§»å‹•ã•ã›ã‚‹ã“ã¨ã«ã‚ˆã‚‹DOMæ“作ã®é«˜é€ŸåŒ–ãªã©ã‚’ã€æ§˜ã€…ãªç§»æ¤å±¤ã«é©åˆã—ãŸå½¢ã§å®Ÿç¾ã™ã‚‹ã®ã¯æŠ€è¡“çš„ã«ã‚‚政治的ã«ã‚‚éžå¸¸ã«é›£ã—ã„ãŸã‚ã 。 ãã†ã„ã£ãŸãƒ‰ãƒ©ã‚¹ãƒ†ã‚£ãƒƒ
Chromium プãƒã‚¸ã‚§ã‚¯ãƒˆã®æ–°ã—ã„レンダリングエンジン Blink ã®ã”紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
ï¼»é€Ÿå ±ï¼½ã‚°ãƒ¼ã‚°ãƒ«ã€WebKitをフォークã—ã¦æ–°ã—ã„レンダリングエンジン「Blinkã€ã‚’開発ã™ã‚‹ã¨è¡¨æ˜Ž
グーグルã¯ã€ã“ã‚Œã¾ã§Chrome/Chromiumã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦æŽ¡ç”¨ã—ã¦ããŸWebKitをフォークã—ã€æ–°ã—ã„レンダリングエンジンã®ã€ŒBlinkã€ã‚’オープンソースã§é–‹ç™ºã™ã‚‹ã¨ä»Šæœè¡¨æ˜Žã—ã¾ã—ãŸã€‚ グーグルã®Developer Relations Japan Blogã«æŠ•ç¨¿ã•ã‚ŒãŸã€ŒChromium プãƒã‚¸ã‚§ã‚¯ãƒˆã®æ–°ã—ã„レンダリングエンジン Blink ã®ã”紹介ã€ã§ã€ãªãœWebKitã‹ã‚‰ãƒ•ã‚©ãƒ¼ã‚¯ã—ã¦Blinkã®é–‹ç™ºã‚’始ã‚ã‚‹ã®ã‹ã€ãã®ç†ç”±ãŒè¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ Chromium 㯠他㮠WebKit ベースブラウザーã¨é•ã„ã€ãƒžãƒ«ãƒãƒ—ãƒã‚»ã‚¹ アーã‚テクãƒãƒ£ã‚’採用ã—ã¦ã„ã‚‹ãŸã‚ã€WebKit プãƒã‚¸ã‚§ã‚¯ãƒˆã¨ Chromium プãƒã‚¸ã‚§ã‚¯ãƒˆã¯ã“ã“数年複雑化ã®ä¸€é€”を辿ã£ã¦ãã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€å…¨ä½“çš„ãªã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®é€Ÿåº¦ãŒä½Žä¸‹ã—ã¦ããŸã“ã¨ã¯å¦ã‚ã¾ã›ã‚“。ãã“ã§æœ¬æ—¥ã€WebKit ベースã®æ–°ã—ã„オープ
jQueryã§ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã•ã›ã‚‹æ™‚ã®æ³¨æ„点
jQueryã§ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã•ã›ã‚‹æ™‚ã®æ³¨æ„点 jQueryを使ã£ã¦ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã•ã›ã‚‹å ´åˆanimateメソッドã¨scrollToプãƒãƒ‘ティを組ã¿åˆã‚ã›ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚ selector.animate({ scrollTop: 0 }); // ページã®ä¸€ç•ªä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ« ã“ã®æ™‚ã©ã®ã‚»ãƒ¬ã‚¯ã‚¿ã«å¯¾ã—ã¦å®Ÿè¡Œã™ã¹ãã‹ã¯ãƒ–ラウザã”ã¨ã«ç•°ãªã‚Šã¾ã™ã€‚詳ã—ãã¯jQueryã§scrollToを使ã†ã¨ãã®æ³¨æ„点 - NoteBookã«ã¾ã¨ã¾ã£ã¦ã„ã¦ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚ç°¡å˜ã«è¨€ã†ã¨WebKitã§ã¯bodyã«åŠ¹ãã€ãれ以外ã®ãƒ–ラウザã§ã¯htmlã«åŠ¹ãã¾ã™ã€‚ $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit ã“ã‚Œã«å¯¾ã—㦠var selector = $('html,
jasmine-headless-webkit -- The fastest way to run your Jasmine specs!
Jasmine Headless WebKit Run your Jasmine specs at sonic boom speed! Jasmine is great. I love it. But running Jasmine when you need to test code that will run in a browser environment can be problematic and slow: The Jasmine gem's server makes getting up and testing very fast, but F5-ing your browser for each test run is distracting. Jasmine CI uses Selenium, which speeds up the process a bit, but
Jasmineã‚’CLIã§èµ°ã‚‰ã›ã‚‹ãªã‚‰jasmine-headless-webkitãŒæ¥½ã™ãŽã‚‹
先日ã‹ã‚‰ CI ã¥ã„ã¦ã„ã‚‹ã®ã§ä»Šåº¦ã¯ JavaScript ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®åˆ†ã‚’調ã¹ã¾ã—ãŸã€‚ ç¾åœ¨ã®wtnabeã®æ™®æ®µã®é–‹ç™ºæ‰‹æ³•Jasmine gem 㨠guard-livereload を使ã£ã¦ãƒ–ラウザã§è‡ªå‹•reloadã•ã›ãªãŒã‚‰ Jasmine ã§ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’書ãã¨ã„ã†ã“ã¨ã‚’ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯ã‚„ã£ã±ã‚Šãƒ–ラウザã§å‹•ã‹ã›ã‚‹ Firebug ãªã©ã®é–‹ç™ºè€…ツールãŒã¨ã¦ã‚‚強力ãªã®ã§ã€ä½•ã‹ã‚ã£ãŸã¨ãã«æŽ¢ã£ã¦ã„ãã®ã«ä¾¿åˆ©ã§ã‚ã‚‹ã“ã¨ãŒç†ç”±ã¨ã—ã¦å¤§ãã„ã§ã™ã€‚ã‚ã¨ãƒ–ラウザã§è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹æ–¹ãŒãªã‚“ã‹å®‰å¿ƒã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã“ã®ã¾ã¾ã§ã¯ CI ã¨ç›¸æ€§ãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“。ã ã‹ã‚‰ä»Šã¾ã§ CI ã¯ç„¡è¦–ã—ã¦ãŸã®ã§ã™ã€‚ rake jasmine:ciã¯GUIブラウザå‰æ一応 Jasmine gem ã«ã¯ ã¨ã„ã†ã‚¿ã‚¹ã‚¯ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã¯åŸºæœ¬çš„ã« Selenium ã§ãƒ–ラウザを起動ã—ã¦ãƒ†ã‚¹ãƒˆã‚’
開発者ã®ãŸã‚ã® 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
-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-
jQueryã§Retinaディスプレイを判別ã—ã¦å‡¦ç†ã‚’変ãˆã‚‹æ–¹æ³•ï½œBLACKFLAG
iPhoneãªã©Apple製å“ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹Retinaディスプレイ。 従æ¥ã®ãƒ‡ã‚£ã‚¹ãƒ—レイよりも高解åƒåº¦ï¼ˆ1ピクセルã®å¹…ãŒ78ミクãƒãƒ³ï¼‰ã§ã‚ã‚‹ã“ã¨ã‹ã‚‰ Retinaディスプレイã§ç”»åƒã‚’綺麗ã«è¡¨ç¤ºã™ã‚‹ã«ã¯ã€è¡¨ç¤ºã™ã‚‹å€ã®ã‚µã‚¤ã‚ºã§ä½œæˆã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚Š 特別ãªå¯¾å‡¦ã‚’ã™ã‚‹å¿…è¦ãŒã§ã¦ããŸã‚Šã—ã¾ã™ã€‚ ãã‚“ãªRetinaディスプレイã«å¯¾ã—ã¦ã€jQuery（JavaScript）を使ã£ã¦åˆ¤åˆ¥ã— 個別ã«å‡¦ç†ã•ã›ã‚‹æ–¹æ³•ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ※webkitブラウザã®ã¿ã®å¯¾å¿œã§ã™ã€‚ Retinaディスプレイã‹ã©ã†ã‹ã‚’判別ã™ã‚‹ãƒ—ãƒãƒ‘ティ㯠デãƒã‚¤ã‚¹ä¸Šã§ç”»åƒã®1pxã®å˜ä½ã‚’何pxã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹ã‹ã‚’見ã¦ãれる ————————————– window.devicePixelRatio ————————————– ã«ã‚ˆã£ã¦åˆ¤åˆ¥ã—ã¾ã™ã€‚ Retinaディスプレイã¯ã“ã“ã§å–å¾—ã™ã‚‹å€¤ãŒã€Œ2ã€ã«ãªã‚Šã¾ã™ã€‚ ã“
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}