令和ã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸Web制作ã®æŠ€è¡“ã¯æ—¥ã€…進化ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„プãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„書ã方をã—ã¦ã„るケースも時折見å—ã‘られã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Web制作ã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…容をã¾ã¨ã‚ã¾ã—ãŸã€‚ 質よりé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“。ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’確èªã—ãŸã„æ–¹ã¯å‚考記事をèªã‚“ã ã‚Šã”自身ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘フォーマンスã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–り入れã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„アクセシビリティも併ã›ã¦ç†è§£ã—ã¦ãŠããŸã„内容ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"属性を付ã‘ã‚‹ã¨ç”»åƒãŒé…延èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
ã©ã†ã—ã¦HTML5ãŒå»ƒæ¢ã•ã‚ŒãŸã®ã‹ | フューãƒãƒ£ãƒ¼æŠ€è¡“ブãƒã‚°
ブラウザレンダリングã®ä»•çµ„ã¿
ç¾åœ¨ã®Google HTML/CSS Guide コーディングè¦ç´„/日本語訳
CSSリセット手法
HOMMEZå…¬å¼ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ—
{{#tags}}- {{label}}
{{/tags}}