What You See is What You Deserve: Simple Visual Tools For All!
summary
Claims that visual assembly speeds development and fixes the 80/20 catalog gap, shows two concrete tools: Indie Elements Catalog (JSON-driven private component catalog) and a small WYSIWYG prototyper called WYSIWYD that uses Polymer elements like iron-ajax, dom-repeat and paper-input. Demonstration builds a YouTube cat-video app from drag‑and‑drop, auto-generates index.html and element code, and the live demo actually fetches and renders results. Recommendation: fork and extend for private workflows.
AI-written summary · about
chapters (11)
- 0:00Introduction to components
- 1:03Crafting versus assembling
- 2:45The role of web components
- 4:13Design systems and tools
- 5:43Cataloging custom elements
- 8:02Bridging design and code
- 9:39Introduction to WYSIWYG
- 11:03WYSIWYG demo walkthrough
- 13:38Building a YouTube app
- 18:50App debugging and refining
- 21:27Conclusion and future outlook
related talks
36mWeb components - A whirlwind tour thru the future of the web
01h 12mMake Web Development Fun Again, with Web Components
41mComponents Approach to Building Web Apps
39mDesigning with Components
24mWeb Components: It's all rainbows and unicorns! Is it?
28mUnlocking Seamless Collaboration: Design-First APIs for Components
34mComponent Documentation Made Easy
24mThe Good, The Bad, and The Web Components