Miles of Ice Collapsing Into the Sea
Card image

We went to Antarctica to understand how changes to its vast ice sheet might affect the world.

How Search Works: From algorithms to answers

Nice HTML5 process explainer

A Hack for Making Snazzy HTML 5 Templates

This is a code generator, which adheres to latest web programming standards of HTML5 and CSS3. You don’t need to hand code the templates, just design them, and TemplateToaster will automatically generate the HTML 5 and CSS 3 for it. At the end of designing, export your projects and the zip of source code will in your hand. Doesn’t it seem too simp…

30 Endangered Species, 30 Pieces.
Card image

Stunning use of CSS & HTML5 to create an online exhibition exploring the stories of 30 endangered species. Best viewed in Chrome. - In Pieces - 30 Endangered Species, 30 Pieces.

Storytelling as a political game (hilarious)

"This interactive project lets you step into the shoes of the president of Azerbaijan and assess how the decisions you make influence your popularity in the country" - President for a day, via https://www.journalism.co.uk/news/online-storytelling-ideas-from-hackastory-hackathon/s2/a564037

Leading Interactive Expeditions

A fun interactive setting out the 'ideal team & process' required for building interactives. Rarely seen in real life, sadly. - One Approach Leading Interactive Expeditions: Eric Cade Schoenborn | Creative Director | Knight Foundation

Masterful animated infographic
Card image

Kepler’s Tally of Planets is a wonderful NYTimes.com interactive feature: "NASA’s Kepler mission has discovered more than 950 confirmed planets orbiting distant stars. Planets with a known size and orbit are shown below" - Kepler’s Tally of Planets - Interactive Feature - NYTimes.com

Choosing the Right UX Metrics
Card image

A beautiful, HTML5 exploration of the HEART methodology: Happiness, Engagement, Adoption, Retention, Task Success. " different members of your team have different ideas about the goals of your project. This process provides an opportunity to build consensus about where you're headed." - How to Choose the Right UX Metrics for Your Product

Case study: Visual communication
Card image

Beautiful visual online communication example from NYTimes.com - Extra Virgin Suicide

Great HTML5 walkthrough of a complex issue

This article showing how ranked-choice voting works is a great example of using html5 to explain a complex system.

NSA files presented in HTML5
Card image

Snowden, Snowfalled: an awesome HTML5 interactive feature.

Cookies disclaimer

MyHub.ai saves very few cookies onto your device: we need some to monitor site traffic using Google Analytics, while another protects you from a cross-site request forgeries. Nevertheless, you can disable the usage of cookies by changing the settings of your browser. By browsing our website without changing the browser settings, you grant us permission to store that information on your device. More details in our Privacy Policy.