hippie/TODO.md

General

• Remove gulp and legacy files
• Better README with more info for the content section
  • Explain eleventy usage
• Complete CHANGELOG
• Automatic versioning for package.json and CHANGELOG
• Add dynamic content to robots.txt during build process
• Add dynamic content to sitemap.xml

CSS

• Check style for every basic element
• Uniform spelling of classes and identifiers
• Direct class dependencies instead of repeating element names in classes
• Change io stuff
  • Find name for styled interactive elements
  • Find name for io module with nested class names
• Change demo module
  • Keep placeholder and demo stuff
  • Move other things
  • Prevent styles to be global
• Adapt bootstrap utility API
  • https://github.com/twbs/bootstrap/blob/main/scss/utilities/_api.scss
  • https://github.com/twbs/bootstrap/blob/main/scss/_utilities.scss

JS

• Use delegation for action attributes like: https://javascript.info/event-delegation#delegation-example-actions-in-markup
• Proxy for class options: https://javascript.info/proxy

Content

• Intro
  • Complete with description for all basic elements, according to HTML Standard - The elements of HTML
    • Sections
      • body
      • article
      • section
      • nav
      • aside
      • h1-h6
      • hgroup
      • header
      • footer
      • address (put to grouping content)
    • Grouping content
      • p
      • hr
      • pre
      • blockquote
      • ol
      • ul
      • menu (new)
      • li
      • dl
      • dt
      • dd
      • figure
      • figcaption
      • main
      • search (new)
      • div
    • Text-level semantics
      • a
      • em
      • strong
      • small
      • s
      • cite
      • q
      • dfn
      • abbr
      • ruby
      • rb (deprecated)
      • rt
      • rtc (deprecated)
      • rp
      • data
      • time
      • code
      • var
      • samp
      • kbd
      • sub
      • sup
      • i
      • b
      • u
      • mark
      • bdi
      • bdo
      • span
      • br (mentioned in grouping content)
      • wbr
    • Edits
      • ins
      • del
    • Embedded content
      • picture
      • source
      • img
      • iframe
      • embed
      • object
      • param (deprecated)
      • video
      • audio
      • track
      • map
      • area
    • Tabular data
      • table
      • caption
      • colgroup
      • col
      • tbody
      • thead
      • tfoot
      • tr
      • td
      • th
    • Forms
      • form
      • label
      • input
      • button
      • select
      • datalist
      • optgroup
      • option
      • textarea
      • output
      • progress
      • meter (new)
      • fieldset
      • legend
    • Interactive elements
      • details
      • summary
      • dialog
    • Scripting
      • script
      • noscript
      • template
      • slot
      • canvas