ReMo Camp 2013: Recap for Webmakers

I had the privilege of participating in the **[annual ReMo Camp](https://reps.mozilla.org/e/mozilla-reps-camp-2013/),** a gathering of the ReMo Council members and Mentors, to discuss and plan the Reps program for the coming year. Of course, no Mozilla event is complete without a **[singalong and dance-off](https://www.youtube.com/watch?v=5COCdeS9Em0),** plus **[memorbale…

Dragon Slaying and On Scroll Layouts

Continuing the webmaking fun, over the last few days I’ve: * Learned how to use @font-face and [icon fonts](http://fontello.com/) that are easily styled in CSS * Explored sites built with [Twitter Bootstap](http://builtwithbootstrap.com/). * Read about the coming [“Retina Web”](http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/). * Got inspired by [animated SVG…

Mozilla Festival 2013: Submit your session!

This is my **fourth year organizing and curating the Mozilla Festival.** Each year we hope to improve the experience, bring in more engaged participants, and **serve epic coffee.** Check out the announcement below and join us this year in London! ## Come to the Mozilla…

Animating an SVG image with CSS

This is a pretty amazing technique that I learned about [thanks again to Codrops.](http://tympanus.net/codrops/2013/02/06/interactive-infographic-with-svg-and-css-animations/) You can **take any SVG image file and use CSS to design and animate those graphical elements.** It’s a smart way to make an interactive infographic. I remixed the Codrops tutorial…

Slider with CSS animations

Thanks to another [Codrop tutorial](http://tympanus.net/codrops/2012/12/31/how-to-create-a-simple-multi-item-slider/), I learned how to make a slider using CSS animations and jQuery (still not sure what the difference is between that and Javascript). The size of the images isn’t quite right — parts of the birds are getting cut out…