https://github.com/knowler/ui-lab

https://github.com/knowler/ui-lab

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/knowler/ui-lab
• Owner: knowler
• Created: 2021-04-10T03:38:01.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-10T04:16:16.000Z (over 3 years ago)
• Last Synced: 2024-10-14T05:02:08.738Z (about 1 month ago)
• Language: HTML
• Homepage: https://knowlers-ui-lab.netlify.app/
• Size: 3.91 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ui lab

## Styling

These are ideas I’m experimenting with. They aren’t dogma.

- HTML elements should describe what they are semantically and not layout.

  - Use custom element names when practical.

  - Avoid using `div` or `span`.

  - Try to avoid needing to recreate native elements like `button`, `a`,

    etc.

- Use `data-` attributes for dynamic reusable styles.

  - For example, `data-layout="stack"` instead of making an element out

    of it.

- Use CSS custom properties for custom values.

### Inspo

- Every Layout

- Michael Chan (AVO)

- Travis Arnold (JSXUI)