https://estelle.github.io
Estelle Weyl
@estellevw
Table of Contents for Estelle's Github
Presentations
Note: Google Chrome is my "PPT reader" for these decks. Most haven't been optimized cross browser.
- Mobile Web Performance - ViewSource Conf 2017, London
- Speed Perception & Lighthouse - London Web Performance Group, London
- Accessibility as Performance - Front End Conf 2017, Minsk
- Measuring the Subjective: The Performance Dashboard - Air Mozilla
- Web Performance: Perception & Metrics - SFHTML5
- CSS? WTF! - Fluent
- Simplifying Markup to Improve User Experience - Elevate
- Mobile Web Performance (50m) - Istanbul Tech Talks
- Speed Perception: understanding and measuring perceived performance - ForwardJS
- You don't need a framework for that
- Accessibility as Performance
- Inclusive Markup
- Straightforward accessibility OSCON, 3h
- Simply Accessible CSS Budapest, 30m
- Simple, Accessible Web Performance WebDevCon, 40m
- Flexbox - (45m)
- Creating Welcoming Environments
- FluentConf keynote Video (25m),
- Introduction to CSS (45m)
- Animation (45m - 60m)
- Animation with Snow - video
- Animation (30m)
- Selectors Tutorial (60 - 90m)
- Quicker version (30m)
- Conference version (45m)
- CSS? WTF! Video(40m) (18m)
- Mobile Web Performance (50m)
- Mobile Web Performance (60m) - 2013
- RWD is not a Panacea
- Fronteers 20m,
- RWD Summit 60m
- Performance Considerations in a mobile world (20m / #LXJS)
- CSS Performance and Mobile Web (FILive)
- Mobile CSS3 & performance (40m)
- Responsive features in CSS3
- HTML5 Web Forms Video
- CSS Gradients
- Quicker version (30m)
- JS without Frameworks
- Intro to Web Performance (15m)
- jQuery Selectors
- Ten things you didn't know your browser could do
Workshops
- CSS Deep Dive (7.5 hours)
- Practical & Powerful HTML5, CSS and JS (8 hours)
- Selectors, Selectors API and Specificity
- More (or less) JavaScript
- HTML5 elements
- <input> & forms
- Flexbox, box-model and calc()
- Sass, Mobile Perf and #a11y discussed throughout.
- Mobile CSS3 (4 hours)
- CSS (8 hours)
- HTML5/CSS3 (16 hours)
- HTML5/CSS3 for mobile (24 hours)
- Intro to JavaScript (8 hours)
- CSS3: Making a slide deck (3 hours)
- Mobile UI Performance (2.5 hours)
- HTML5 & CSS3: The good enough parts (4 hours)
Games & Tools
- Accessible Input Masking
- Merry-Go-Round: The accessible carousel
- Clown Car Technique for responsive images
- Bookmarklet: Make Twitter DMs appear read
- Template for slidedeck
- Native iPhone look and Feel
- CSS-JS-Entity-Calculator
- Roll the Dice - Roll up to 6 dice
- Temperature Converter
- HSLA-Color-Converter
- screen hider (StopSOPA)
- Cubeedoo Memory Game
- CSS Gradients Library
- Click on this link for a WYSIWYG editor
- kill ads - drag link to bookmarks bar to kill Twitter ads. Click on "kills ads" in bookmark bar when you're on Twitter.com to kill the inline ads.
- Kill FB feed ads
- kill moments, ads, and likes
- TWELP - Drag this link to your bookmarks bar, and click TWELP bookmarklet whenever you load Twitter. It kills the moments tab, all ads, and removes the "X liked" tweets. see http://www.standardista.com/twelp-twitter-bookmarklet/ to see the code and roll your own bookmarklet.