Webmaker Training in Uganda

60 newly trained Webmaker Mentors. 12 amazing Webmaker Super Mentors. 200 students taught how to participate on the web. 1 epic weekend in Kampala! Mozillians from Uganda, Kenya and Rwanda gathered together for the first time to run a train-the-trainer event for East Africa. The…

Webmaker Workweek: So Wow.

Just coming home from a truly fantastic week in Toronto with the talented Webmaker team. This was the first time the Webmaker product + community teams, plus Mozilla Foundation’s engagement and operations teams, met face-to-face to hack on Webmaker. There’s only one way to describe…

Webmaker Community in 2014

Here’s a post looking at the principles of the Mozilla Webmaker community and the top-level ways we collectively further these efforts in 2014. Lots of people are shaping this work, and by next year hopefully many more will have joined in and help Mozilla’s mission…

Reflections on Maker Party

On September 15 we hit a milestone for the Mozilla Maker Party. With over 1,700 events in 330 cities worldwide, the campaign to make and teach the web had really picked up steam. As we transition from campaign-mode to an ongoing webmaker party, I thought…

ReMo Camp 2013: Recap for Webmakers

I had the privilege of participating in the annual ReMo Camp, 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, 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 that are easily styled in CSS Explored sites built with Twitter Bootstap. Read about the coming “Retina Web”. Got inspired by animated SVG charts. Discovered you can…

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 Festival…

Animating an SVG image with CSS

This is a pretty amazing technique that I learned about thanks again to Codrops. 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, 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…

Circle Hover Effects with CSS Transitions

Thanks to a friendly tutorial by Codrops, I put together this example of CSS transitions. The buttons link to somewhat random McSweeney’s articles. In the process, I also stumbled upon the site, Vintage Printable, which has beautiful naturalist illustrations in the public domain.