What is Web Code Guide
Web Code Guide is an information site where a freelance, active web developer stocks code and knowledge actually used in real projects.
It primarily consists of two types of content: "Parts Guide," which provides practical web component HTML, CSS, and JavaScript code organized by category, and "Knowledge & Concepts," which explains fundamental web coding knowledge, design philosophies, and best practices.
Background of Site Launch
As of 2025, when this site was launched, we are in an unprecedented AI boom. With conversational AI like ChatGPT and new coding styles like Vibe Coding using Claude Code gaining attention, it's not uncommon to hear that the era of human coding has ended.
However, when I ask ChatGPT to "create HTML for an external link," ChatGPT returns the following code:
<a href="https://example.com" target="_blank" rel="noopener noreferrer">
Go to external site
</a>However, as of 2025, I believe that rel="noopener noreferrer" is a property that should no longer be written.
This property was once recommended to be added to external links for security reasons (details omitted). During that time (probably before 2020), I recall that many technical blogs recommended adding target="_blank" rel="noopener noreferrer" to external links.
Therefore, because that information exists in large quantities on the web, ChatGPT probably still returns rel="noopener noreferrer" as correct code even in 2025.
This is just one example, but even in 2025, amid the AI boom, I believe it's important for humans to have correct knowledge and not rely entirely on AI, but to choose appropriate code.
Web Code Guide stocks code that web developers actually use in the field, while providing the reasons and rationale behind it, to disseminate information that is useful in web development projects.
Site Operator
Web Code Guide is operated by Shintaro (@drumroll_tokyo), a freelance web developer. This site aims to stock code and knowledge that Shintaro actually uses in the field.
We strive to provide correct code and knowledge, but if you find any incorrect information, please contact us. We also welcome your opinions and requests regarding the site's content.