~/talk

Emoji, Web Components, and Art

Talkat JSConf EU 2017 · on Saturday, 2017-05-06· [web-platform, component-design]
slides:none on file

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

  1. 0:00Intro
  2. 1:05Welcome
  3. 1:40Art
  4. 3:26Sharing Art
  5. 7:23Better Brushes
  6. 7:51Semantics
  7. 10:25Encapsulation
  8. 11:48Emoji Light
  9. 13:26Polymer
  10. 17:24Emoji Art
  11. 18:20Emoji Elite
  12. 20:30Web Components
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.