Emoji, Web Components, and Art
summary
Builds a concrete widget called emojillate element that pixelates an uploaded image, samples each grid cell’s average RGB, picks a closest emoji, and emits a pile of emoji-containing spans (not a canvas) so output is copy-pasteable. Uses an input type="file", a paper-slider for resolution, Polymer data-binding and web components for encapsulation. Notes tradeoffs: RGB distance is linear and imperfect, Slack breaks monospace alignment, but the component runs in-browser and produces shareable emoji art.
AI-written summary · about
chapters (12)
- 0:00Intro
- 1:05Welcome
- 1:40Art
- 3:26Sharing Art
- 7:23Better Brushes
- 7:51Semantics
- 10:25Encapsulation
- 11:48Emoji Light
- 13:26Polymer
- 17:24Emoji Art
- 18:20Emoji Elite
- 20:30Web Components







