endc/frontend-guidelines: Some HTML, CSS and JS best practices. ·
github.com · 2,277 words · saved by 1 readers
Some HTML, CSS and JS best practices.
HTML Semantics HTML5 provides us with lots of semantic elements aimed to describe precisely the content. Make sure you benefit from its rich vocabulary. <!-- bad --> <div id=main> <div class=article> <div class=header> <h1>Blog post</h1> <p>Published: <span>21st Feb, 2015</span></p> </div> <p>…</p> </div> </div> <!-- good --> <main> <article> <header> <h1>Blog post</h1> <p>Published: <time datetime=2015-02-21>21st Feb, 2015</time></p> </header> <p>…</p> </article> </main> Make sure you understand the semantics of the elements you're using. It's worse to use a semantic element in a wrong…
saved by
related reading
- Web Interface Guidelinesvercel.com
- UI Skills for Design Engineers | UI Skillsui-skills.com
- Web Interface Guidelinesinterfaces.rauno.me
- Web Interface Guidelinesrauno.me
- GitHub - andredesousa/css-best-practices: This is a guideline of CSS best practices that you can apply to your front-end project. · GitHubgithub.com
- The Design of This Websiteturntrout.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- GitHub - vercel-labs/web-interface-guidelines: Guidelines for building interfaces on the Web.github.com
- Web Field Manual | Codewebfieldmanual.com
- rams - Expert Design Reviews on Every PRrams.ai
- Hemingway Editorhemingwayapp.com
- HTML Design Principlesw3.org