Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View muan's full-sized avatar

Mu-An Chiou muan

View GitHub Profile
#main .grid {
max-width: 100vw !important;
.video-wrapper .large-10,
video {
flex-basis: auto !important;
max-width: 98vw !important;
width: 98vw !important;
muan /
Last active April 29, 2019 12:55
Web Components F2F Spring 2019

General philosophy

  • Features are built without JS first
  • Progressive enhancement Consider elements' relationship to the DOM
    • Minimum HTML generation
    • Leave styling to CSS classes
    • Create all necessary markup in the HTML document
    • Rely on native elements as much as possible (not reimplementing what native elements already know how to do)
  • Not using frameworks
muan /
Last active December 21, 2019 10:34
Details on details cheatsheet.