spect.ly

[dy]

• Intro

• User guide - polished walk through

• Hands on / tutorials

  • Form sending & validation
  • Connecting React components
  • Moving from React

• examples

  • 7GUIs
  • todomvc
  • hackernews
  • app examples
  • https://github.com/shprink/web-components-todo
  • https://github.com/bradtraversy/vanillawebprojects

• cases

  • visual effects
    • blotter
    • text effects
    • image effects
    • tympanus repro
    • https://github.com/rikschennink/fitty
  • UI
    • tooltips
    • popovers
    • tabs
    • dropdown/modal
    • CSS handlers <div class="some-class@small other-class:hover"></div>
    • inject-svg
    • Typograf, pluggable (nowrap some target words)
    • Font contrast linter for website design linter.
    • https://github.com/dy/unselectable
    • anchor next to h elements
    • animate image by hover aspects
  • Forms
    • validation aspect
    • serializing aspect
  • Audio
    • Put sound into an aspect (for audio-lab)
    • alternative representation of audio data (formants)
  • Data
    • serializing to local storage aspect
    • templating, eg. find els with magic attrs/bindings and evaluate data
    • actions - find els with magic attrs and attach methods
  • Polyfills
  • i18n
    • converting units to target locale
    • translating
    • converting quotes
    • alternative currency
  • Tables
    • filtering to tables
    • pagination to tables
    • mobile collapsing to tables
  • Business logic
    • authorization aspect
  • Network
    • get aspect - loads content data from URL (mb an effect?)
  • Theming
    • switch website layout between various frameworks (material etc)
  • Tests
    • test is an aspect of an element
  • Sci
    • https://components.ink/chart
  • Standard elements enhancers
    • multirange slider
    • text input keyboard interactions
    • log range slider

• Docs

  • Comparisons (features, simple cases, drawbacks, perf, size, bench, https://github.com/wavesoft/dot-dom)
  • Benchmark
    • $ selectors
    • h rendering
    • v memory/perf? useState, observable and others
  • Integrations (spect in react, react in spect, etc)

• REPL

• FAQ

  • frameworks, integrations, debug, maintenance, security; make sure no lies told

• Built with spect

[dy]

Maybe good for a framework. Belongs to spores