Here’s How You Can Optimize Your Front-End for the Mobile Web

A talk by Shalom Aptekar

Shalom discusses front-end development for apps, using asset management, CSS3 and Vanilla JavaScript. He reviews how to make object oriented CSS, optimizing images and icons, and more. This talk was recorded at the PhoneGap Toronto Meetup on May 21, 2014 at Mozilla’s community space in Toronto.

Topics Covered

Shalom shares ways to make the front-end development process on a mobile app easier using asset management, CSS3 and Vanilla JavaScript. He reviews how to make object oriented CSS for your application - focusing on DRY coding - and shows you how you can decide which framework to use. Optimizing images and icons, using SVGs, Inkscape or Illustrator and also icon fonts are also discussed, addressing each of their caveats and bonuses. He also talks about issues with mysterious pointer-touch-mouse events and the awesome solution offered in Hammer.js. Lastly, he focuses on Windows Phone and the quirks and smiles that come with it.

Speaker's Bio

Shalom Aptekar is a front-end developer and designer working in Toronto. He loves to play ukulele and paint and works with CSS3, ExpressJS and AngularJS when his 9 to 5 lets him. You can find him on twitter at @aktof on read his blog at aktof.ca.