Articles in the ‘Sketchnotes’ Category

Sketchnotes from The Big M 2012 at Bath Digital Festival (Open Mic 13)

Yesterday, I went to Bath to learn about the latest in mobile development from some of the best people in the industry. We had talks from network operators, people who interact with developer advocates, how to make money from apps, digital media distribution, the future of the mobile web and talks about good web apps and responsive web design.

I took sketchnotes throughout the day and inked them up earlier. They were started in pen, hence being a bit rough around the edges (my FOWD set is still the high water mark personally), but have a look.

My thanks again to James Parton, Tom Hume, Keiran Gutteridge, Thayer Prime, Karen Barber, Rick Chapman, PPK, Phil Archer and Laura Kalbag for such great talks, and to Chris and Mike for putting on the event.

Sketchnotes from #LWS3D – A 50-line WebGL app

After a summer break, London Web Standards was back with an evening of WebGL with Ilmari Heikkenen from Google and a short demo from Carlos Ulloa of HelloEnjoy. Sketchnotes are below

Carlos Ulloa of Brighton-based HelloEnjoy showed off two demos that he made using Three.js and WebGL. The first was HelloRacer, an interactive look at the 2010 Ferrari F1 car that you can even drive and do handbrake turns in. The second demo got it premiere at LWS, an interactive music video for Ellie Goulding’s “Lights”. Honestly, it was extremely cool, on a Ro.me “3 dreams of black” scale. It’ll appear at the linked URL in the next week or so. There’s a great Q&A session on the London Web Standards blog of the event for more detail on how they did it.

Ilmari Heikkenen showed the gathered crowd how to make a basic WebGL app using Three.js in about 50 lines. He showed off all of the components that you need: a renderer, scene, camera, mesh and lights (and shadows). He went into more depth about vertex shaders and fragment shaders, the GPU effects that make everything look a lot more real.

Ilmari gave examples of a few uses, including games, 3D bar charts and scatter graphs. He then started animating all of these, including a 10,000 point scattergraph that moved in real-time. Finally, he demonstrated a loader for Collada meshes (supported by Maya) and brought in a monster that with a few lines of code started walking around the screen.

Overall, it was a great introduction to the subject, one worth a lot more of your time.

Ilmari’s slides can be found on his blog.

Future of Web Design Sketchnotes – Day 2

Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here’s my notes from Day 2, featuring Ethan Marcotte, Femi Adesina, Josh Clark, Bruce Lawson, Martin Beeby (from #LWSIE the day before), Elliot Jay Stocks, Sarah B Nelson and once again, Josh Clark!

Sketchnotes for Day one can be found behind this link.

Thank you once again to everyone involved.

Future of Web Design Sketchnotes – Day 1

Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here’s my notes from day 1 including talks from Aaron Walters, Mike Kus, Rachel Andrew, Robin Christopherson, Daniel Rhatihgan, Sarah Parmenter, Dan Rubin, Matt Gifford and Aral Balkan.

Day 2 sketchnotes can be found behind this link.