Hands-on with Portals: seamless navigation on the web  | Articles  | web.dev
Making sure your pages load fast is key to delivering a good user experience. But one area we often overlook is page transitions—what our users see when they move between pages. A new web platform API proposal called Portals aims to help with this by streamlining the experience as users navigate across your site. See Portals in action: Seamless embeds and navigation with Portals. Created by Adam A
portalè¦ç´ を使ã£ãŸç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã„ãã¤ã‹è€ƒãˆã¦ã¿ã‚‹ | フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Blog | ミツエーリンクス
ã“ã®è¨˜äº‹ã¯ãƒŸãƒ„エーリンクスアドベントカレンダー2019 - Qiitaã®12日目ã®è¨˜äº‹ã§ã™ã€‚ 昨今ã®Webサイトã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã„ãŸã‚‹ã¨ã“ã‚ã«ã¡ã‚Šã°ã‚られã¦ã„ã¦ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリを触ã£ã¦ã„るよã†ã§æ¥½ã—ã„ã§ã™ã。 クリックãªã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ“作ã«åˆã‚ã›ã¦è¦ç´ ã®æŒ¯ã‚‹èˆžã„を変ãˆã‚‹ã‚‚ã®ã€ãƒãƒ¼ãƒ‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã®çŠ¶æ…‹ã‚’表ã™ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ä¸ã§ã€å€‹äººçš„ã«ã¯ç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸€ç•ªå¥½ãã§ã™ã€‚ 最近ã¯SPAã¨ã—ã¦ä½œã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã€ç”»é¢é·ç§»ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’見る機会ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ã“れを自分ã§è©¦ãã†ã¨æ€ã†ã¨çµæ§‹ãªå¦ç¿’コストãŒæŽ›ã‹ã£ã¦ã—ã¾ã†ã‚“ã§ã™ã‚ˆã...。 ç§ã‚‚Webã«ã¤ã„ã¦å‹‰å¼·ã—ãŸã¦ã®é ƒã¯ã€ã€ŒSPAã£ã¦ãªã«...ルーティング...？黒ã„ç”»é¢ã ã‚ï¼ã€ã¨ã„ã£ãŸæ„Ÿã˜ã§ç›®çš„ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã™ã‚‰åˆ°é”ã§ããªã‹ã£ãŸã“ã¨ã‚’覚ãˆã¦ã„ã¾ã™ã€‚ ãŠãらãã€ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„る方もç§ã¨åŒã˜çµŒé¨“ã‚’ã—ãŸã“ã¨ãŒ
Portals
This specification was published by the Web Platform Incubator Community Group. It is not a W3C Standard nor is it on the W3C Standards Track. Please note that under the W3C Community Contributor License Agreement (CLA) there is a limited opt-out and other conditions apply. Learn more about W3C Community and Business Groups. This spec is behind the explainer This specification document has not yet
PORTALS DEMO
This browser does not support Portals. As of May 2019, Chrome Canary is the only platform that supports Portals. You can try out Portals in Chrome Canary by flippingan experimental flag: chrome://flags/#enable-portals. This demo app let's you pre-render the given page URL in a portal element. You will be able to navigate into the portal by clicking it.
話題㮠Portals を使ã£ãŸç”»é¢é·ç§» UX ã®æœªæ¥ | ウェブボウズ
ã”無沙汰ã—ã¦ãŠã‚Šã¾ã™ã€‚ウェブボウズを立ã¡ä¸Šã’㦠1 å¹´ãŒçµŒã¡ã¾ã—ãŸã€‚皆ã•ã¾å¦‚何ãŠéŽã”ã—ã§ã—ょã†ã‹ã€‚ç§ã¯ã€ã“ã® 1 å¹´é–“ã²ã¨ã¤ã‚‚ブãƒã‚°ãƒã‚¹ãƒˆã§ãã¦ã„ã¾ã›ã‚“。ã•ã‚‰ã«ã¯ç§ã®åŠä¸»é （スã‚ンヘッド）ã«ã¡ãªã‚“ã§ã‚¦ã‚§ãƒ–ボウズã¨ã„ã†åå‰ã‚’ã¤ã‘ãŸå€‹äººãƒ–ãƒã‚°ã§ã‚ã‚Šã¾ã—ãŸãŒã€5 å¹´é–“å…±ã«ã—ãŸã“ã® Hair-less style ã‹ã‚‰å¿ƒæ©Ÿä¸€è»¢ã—㦠2019 å¹´ã¯é«ªã‚’育んã§ã„ãæ–¹é‡ã‚’固ã‚ã¾ã—ãŸã®ã§ã€ã‚‚ã¯ã‚„ボウズã§ã‚‚ãªããªã£ã¦ã¾ã™ã€‚変ã‚り続ã‘ã‚‹ã“ã¨ã ã‘ãŒæ™®éã§ã‚ã‚‹ã¨èƒ¸ã«åˆ»ã‚“ã§ä»Šå¹´ã‚‚å¼·ã生ãã¦ã„ããŸã„ã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚ ã•ã¦ã€æœ€è¿‘ Signed HTTP Exchanges やら Performance Budget やらã•ã¾ã–ã¾ãªé¢ç™½ã„ã“ã¨ã«é–¢ã‚らã›ã¦ã„ãŸã ã„ã¦å¿™æ®ºã¨å¹¸ã›ã‚’å™›ã¿ç· ã‚ã¦ã„ã‚‹ä¸ã§ã‚‚ã€Chrome Dev Summit 2019 ã§ã‚‚大ããフィーãƒãƒ£ãƒ¼ã•ã‚Œã¾ã—㟠Portals ã¨ã„ã†æ–°ã—ã„ HTML è¦ç´
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chrome Platform Status
GitHub - WICG/portals: A proposal for enabling seamless navigations between sites or pages
{{#tags}}- {{label}}
{{/tags}}