Narratively | 50 Best Websites 2013. At a time when the percentage of articles longer than 2,000 words in national newspapers has plummeted, Narratively sets a different theme each week and publishes one in-depth local story a day around that idea. Its strategy is designed to “slow down the news cycle” and focus on stories about people you don’t hear about every day — from female taxi drivers to a gay male escort. Text is broken up by bold, full-screen images and mini-documentaries to take full advantage of the innovative possibilities of Internet storytelling. Link: Narratively Next Digital Public Library of America. Top 10 Best HTML5 Websites of 2014. Here are our editor's picks for the Top 10 Best HTML5 Websites of 2016 based on visual artistry, integrated sound, ease of use, and uniqueness. 1 | The Wilderness Downtown The Wilderness Downtown is an interactive music video for Arcade Fire's song ''We Used to Wait''.
Visitors are asked to input the address of the home they grew up in and then the site uses Google Earth and HTML5 to create a personalized music video that takes the user on a journey back home. 2 | Heart of The Artic Heart of The Arctic takes users on an Arctic expedition/scavenger hunt through four distinct environments designed to show users the steps that would be needed to restore climate balance to the arctic region.
This site perfectly showcases how Html5 can be used to create fun and educational websites. 3 | Three Dreams of Black 3 Dreams of Black uses HTML5 to promote Danger Mouse and Daniele Luppi's album Rome. Top 10 Best Flash Websites of 2014. Here are our editor's picks for the Top 10 Best Flash Websites of 2017 based on visual artistry, integrated sound, ease of use, and uniqueness. 1 | Pharrell Williams - Happy Pharrell Williams has employed Flash and his creative style to create the world's first 24 hour music video. More importantly he uses the full complement of Flash media integration to create a web experience that fully conveys the song's theme in a way that a traditional video could not. 2 | Clouds Over Cuba This interactive multimedia documentary uses the immersive nature of Flash to allow the audience to relive the Cuban Missile Crisis 50 years later and discover what might have been.
Produced by the JFK Library this chilling website entertains and teaches. 3 | Bear 71 Bear 71 is an interactive documentary about a female grizzly bear monitored by wildlife conservation officers from 2001 - 2009. 9 | Monoface Mono is an advertising agency based in Minneapolis, MN that lives by the motto that "simpler is better. " RMIT. Blackboard. Home Page. Motherfucking Website. Color Scheme Designer 3. CSS3 3D Transforms by Peter Westendorp. CSS 3D Transforms is a module that started life as a Draft specification in 2009. Using this specification, you can transform any visual DOM element to simulate three-dimensional space. Today, Peter Westendorp shows us a very simple example which will help you understand the basics of 3D transformations using the typical, but instructive, 3D cube.
Here's how you make it: A 'cube' <div>, with 6 nested <div>'s representing the six faces of the cube. Each face has an id so that we can target those individually. The dimensions of the faces will be 200px by 200px, and to let each face start from the same point, we're setting 'position' to 'absolute': To be able to see the 3D effect better we're going to give each face a different color: Now we have this in place, we can start applying the 3D transforms.
Please note that the transform, transform-style and animation properties currently only work with vendor-prefixes (-moz-, -webkit- etc.). Finally we can move each face into place. Animation: