HTML - goatandsheep/goatandsheep.github.com GitHub Wiki

DOM

Document Object Model

Element Characteristics

• Attribute: HTML, constants
• Property: representation of an attribute in the HTML DOM tree. Once the browser parses an HTML element, the corresponding DOM node will be created which is an object thus having properties. Properties can be modified and

Compatibility

<input pattern="regex" title="Error message instructing user about proper input format">

Lazy-Loading Images

1. Generate a low-res version of your image that is
2. Blur
3. Convert image to Base64
4. WIP

UX

• Show form fields that have been modified
• Use content placeholders

Inputs

• label: Name of field
• name: attribute name for response object
• placeholder: use an example or show default value
• title: descriptions and restrictions on your input. Display under the input

Custom components

• Easy star ratings
• If you're making a number or date picker and don't want the built-in styles, don't use type="text", use type="tel"