æ–°ã—ã„HTMLã‚¿ã‚°portalã€Portals機能ã§å¤‰ã‚ã‚‹Webã®é·ç§»ä½“験ï¼ã€€CDS2019ã§ç´¹ä»‹ã•ã‚ŒãŸãƒ¤ãƒ•ãƒ¼ã®å®Ÿè£…例 #UIUXãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚PayPayモールã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é–¢ã¨ã€Yahoo!ニュースã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è©é‡Žã§ã™ã€‚ 皆様ã€çªç„¶ã§ã™ãŒPortalsã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ Portalsã¨ã¯ã€æ–°ã—ã„HTMLè¦ç´ ã§ã™ã€‚2019å¹´11月11日〜12æ—¥ã«ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ã•ã‚ŒãŸã€ŒChrome Dev Summit 2019ã€ï¼ˆä»¥ä¸‹CDS）ã§ã‚‚紹介ã•ã‚Œã¾ã—ãŸã€‚ 本記事ã§ã¯ã€PortalsãŒå¯èƒ½ã«ã™ã‚‹æ–°ã—ã„Webã§ã®ä½“験をã”紹介ã—ã¾ã™ã€‚ Portalsã¨ã¯ï¼Ÿã€€ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webブラウザー上ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦è‰¯ã„体験をæä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€è¡¨ç¤ºé€Ÿåº¦ã®å‘上ãŒæ¬ ã‹ã›ã¾ã›ã‚“。 Portalsを利用ã™ã‚‹ã¨ã€ç”»é¢é·ç§»ã®ä½“感速度をå‘上ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã¾ãšã¯ã“ã¡ã‚‰ã®æ¯”較
当åˆã®æ‡¸å¿µã©ãŠã‚Šãƒ–ラウザã®ãƒ—ッシュ通知ã¯é‚ªæ‚ªã«ä½¿ã‚ã‚Œã¯ã˜ã‚ã¦ã„る。実装å´ã¯ã‚¯ãƒªãƒƒã‚¯ã¾ã§è³¼èªç¢ºèªã‚’å¾…ã¤ã¹ã。 - mizchi's blog
é…延èªã¿è¾¼ã¿ç”¨ã®ã¼ã‚„ã‘ãŸç”»åƒ
ページ内リンクã¯ã‚¹ãƒ ーズスクãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚一瞬点滅ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†å®Ÿé¨“
Quartz
ランディングページã§åŠ¹æžœçš„ãªå‹•ãを演出ã™ã‚‹ jQueryエフェクト７ã¤ï¼‹ï¼‘｜MarTechLab（マーテックラボ）
pjaxã§ãã‚Œã„ãªURL＋éžåŒæœŸç”»é¢é·ç§»ï¼ | ヘッドウォータースã®ãƒ–ãƒã‚° TechNote
25 Interactive HTML5 Websites | Web Design Fact
{{#tags}}- {{label}}
{{/tags}}