On March 2nd and 3rd, I attended and had the privilege of speaking at jQueryTO, Canada’s first ever jQuery conference. It was a really cool experience, and was especially cool because I finally got to meet in person certain developers that I’ve respected from afar for some time, including Darcy Clarke (who organized it), Paul Irish, Addy Osmani, Alex Sexton, and Adam J. Sontag.
If you’ve been reading this blog for awhile now, then you know that I have little, if any, business speaking at a JavaScript conference. So I tried to keep things fairly simple for myself and proposed a talk where I could focus largely on CSS.
The conference didn’t have any official recording going on, thus any footage of the talks is rare and not great quality. So for archival purposes, I’ve recorded my own talk with slides as a screencast, embedded below. I did the screencast from memory, and my actual talk probably went a lot smoother than this screencast, so forgive some of the stutter-filled moments in this one. :)
A lot of what’s in this talk is stuff I’ve blogged about here and elsewhere, meaning it’s nothing ground-breaking for most of my readers. But it was a nice way to get my feet wet in the conference speaking arena.
In addition to the screencast, I’ve also embedded the slides from Speaker Deck and included all the links referenced in the slides.
These links start after the intro where I briefly cover who I am, etc:
- jQuery .animate()
- Modernizr.prefixed()
- Modernizr Prefixed by Andi Smith
- transitionend on MDN
- Web Animations 1.0
- Web Animations (slide deck)
- “Classy HTML”: A Speculative Design Pattern about Classes and Composition
- Animate.css
- Animate.css on GitHub
- Animate.css custom build page
- CSS Transitions specification on W3C
- CSS Transitions Without Using :hover
- Different Transitions for Hover On / Hover Off
- All you need to know about CSS Transitions
- CSS Things That Don’t Occupy Space
- Jank-free
- Jank Busters (slides)
- Jank Busters: Building Performant Web Apps (Video)
- Gone in 60 Frames Per Second (Addy’s slides)
- Fluid User Interface with Hardware Acceleration (slides)
- Fluid User Interface with Hardware Acceleration (video)
Links from the start of the presentation (“Who is This Guy?”):
- HTML5 and CSS3 for the Real World
- The CSS3 Anthology
- Learning CSS3 Animations and Transitions
- My author page on Smashing Magazine
- My author page on SitePoint
- My author page on Treehouse Blog
- CSS Values
- CSS3 Click Chart
Image credits:
- Screen grab of Baby Emerson
- Baked potato
- Daisy brand sour cream
- Chives
If you want footage, slides, or notes from any of the other talks:
Here’s a photo of the t-shirt every attendee got, along with some promotional stuff:
Finally, for more links to slides and notes from the conference, Scott Vinkle has put a list together. Enjoy.
Cool stuff, thanks for going to the trouble of re-recording it!
However, it would have been nice to include image credits (i.e. mentioning or linking to the respective source).
You’re right, I’ve added image credits to the list of links. Thanks.
Awesome thanks for this. Some more stuff to dig into and learn.
First of all congratulations to you for the participation in this high-level meeting with great developers. I have seen your shared slides and no doubt these are amazing and that work seems your perfection and professionalism in this field.