Skip to content

Instantly share code, notes, and snippets.

View claudioccm's full-sized avatar

Claudio Mendonca claudioccm

  • Claudio Mendonca Design
  • Canada
View GitHub Profile
@claudioccm
claudioccm / index.html
Created July 12, 2020 05:04 — forked from awestbro/index.html
Highlighting margin, border, and padding with Javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highlighting elements example</title>
</head>
<body>
@claudioccm
claudioccm / frontend-guidelines.md
Created September 16, 2019 18:01 — forked from bradfrost/frontend-guidelines.md
Frontend Guidelines WIP

Frontend Guidelines

These guidelines will govern how we write frontend code for The Spruce (and hopefully beyond!)

HTML Guidelines

HTML Principles

  • Author semantic markup - HTML gives structure to content, and browsers, search engines, and assistive devices make use of that structure to benefit users. Headings should be <h1> through <h6> tags, groups of objects should be marked up as <ul> or <ol> tags, and so on.
  • Legibility - Markup should be easily readable by authors, especially considering that markup is often mixed with Freemarker and other non-HTML code. Use proper spacing, naming, and commenting conventions to keep code legible for yourself and your teammates.
  • Bake in accessibility - Incorporate accessibility best practices into markup as you author markup rather than tacking it on as an afterthought.