~/talk

CSS Abuse: Cataclysmically Sinister Stylesheets

Talkat Frontend United 2016 · 2016-05-27..05-28· [css]
links:none on file
slides:none on file

Explores concrete misuses and real effects: complex Sass/LESS nesting and selector gymnastics that compile into unreadable rules, overlapping pseudo elements used to hide and replace content, CSS-only games and even a full font implemented with surprisingly few DOM nodes, attacks that brute-force usernames via attribute selectors by loading many background images, reliance on legacy IE quirks and tricks like 256 classes to override an ID, and practical demos that mostly work but can balloon to megabytes when used maliciously.

AI-written summary · about

  1. 0:00Intro
  2. 0:31Who am I
  3. 2:08Motivation
  4. 3:04Disclosure
  5. 3:20What will be covered
  6. 4:42Simple selector
  7. 6:16Ambersense
  8. 6:46Ampersand
  9. 7:41Pseudo Elements
  10. 8:31Before After
  11. 10:16Poop
  12. 13:38Switch Room
  13. 14:03Nest Selector
  14. 15:31Injecting CSS
  15. 16:54Default Styles
~/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.