Miles of Ice Collapsing Into the Sea
www.nytimes.com
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
www.google.com

Nice HTML5 process explainer

02/02/2016
A Hack for Making Snazzy HTML 5 Templates
ultimatesoftwarereview.blogspot.de

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…

26/06/2015
30 Endangered Species, 30 Pieces.
species-in-pieces.com
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.

01/04/2015
Storytelling as a political game (hilarious)
bethepresident.today

"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
features.knightfoundation.org

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
www.nytimes.com
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
www.dtelepathy.com
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
www.nytimes.com
Card image

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

12/02/2014
Great HTML5 walkthrough of a complex issue
apps.startribune.com

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
www.theguardian.com
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.

I agree