“Lovers of print are simply confusing the plate for the food.”
― Douglas Adams
Catching Elephant is a theme by Andy Taylor
Epic Citadel, the Unreal Game Engine, and the HTML5 web standard
Open in Firefox, wait for the load time (be patient it is worth it) and then be impressed.
The panel is a form of punctuation. With digital comics that punctuation can take on new and powerful nuances. The same is true with digital books. Page breaks, scrolling up and down versus left to right, even fade to black can happen and have meaning in an ebook, The key is learning this new dialect and using it appropriately. ~ eP
The Trip
The Trip is an amazing interactive film and a showcase of what is possible with “just” web technology.
10 Developer Tips To Build A Responsive Website [Infographic]
Want your website to look great on smartphones, tablets, PCs and even TVs? Learn how to go fully responsive.
Click through for a handy infographic highlighting 10 great, core tips for creating responsive websites.
Garmoshka
O.K. polkas and accordions may not be the best way to promote HTML5 but it is still a fun exercise in incorporating display and navigation elements into content experience. ~ eP
Put your browser in windowed mode, then horizontally resize your window.
Have fun~
Bruce Lee on responsive design.
From ebooks to digital comics one of the first things editors have to learn today is the concept of responsive design. Trim-size is no longer controllable the content must now be able to take the shape of the container.
To keep pace with this demand for engagement, Web designers are finding new ways to support content that is distributed through multiple devices in multiple formats. One method is so-called responsive Web design or RWD. Coined in 2010 by Web designer Ethan Marcotte, it refers to a website design approach, not a specific technology. However, responsive design is enabled primarily by CSS3 and JavaScript, which fall under the banner of HTML5.
“HTML5 is the backbone of the new and interactive features of responsive Web design,” said Matt Groener, Intel Developer Zone development team manager. “HTML5 is really maturing in terms of its functionality and, more importantly, its speed. Responsive design uses the same elements that will make HTML5 really successful, namely HTML, JavaScript and CSS3.”
Full article: Delivering Consistent Online Experiences for Every Screen Size
Book Redifined
Here is a nice use of HTML5 to enhance a digital edition of a book on well, HTML5 Programming.
Check out this nice video explanation (except for the opening music) then click on the link above for instructions on how the check out the book itself.
The Beast
The latest artist to benefit from some HTML5 digital wizardry is Laura Marling. She worked with creative agency Studio Juice and artist group Shynola on an “interactive, animated digital poem” called The Beast. It’s a poem based on Marling’s song of the same name, with illustrations from Shynola and a scrolling interface. “The idea of mixed media stuff is quite a new and scary thing to me. It seems a blessing and a curse to have more than one way of taking something on. As always, it’s up to whoever is willing to interpret it as they see fit,” Marling tells Q. “It certainly does relate to the song but it’s a re-appropriation of that thing, what ever it is.”
HTML5 60 Years Of Poetry Infographic (awesome!)
On one hand, it’s a testament to the art form. On the other, there must be something that can be done to modernize the medium. Now, the Arts Council and BBC has released a new project called 60 Years in 60 Poems. Designed by Faber & Faber and Somethin’ Else, it’s a rich, HTML5-based multimedia platform too appreciate the last half century of poetry in a new way.
Here, poetry has taken cues from online text, a digital take on the traditional anthology. The collection is sortable by tags (either by year or by topics) and is sharable across social networks. It’s also beautiful and data rich, as each poem is infographic-ized as a circular waveform with a play button at its center. Hit play, and hear the poem read. Explore other pages and read the poem in print, or see photos from the era the poem was originally published.
(Source: fastcodesign.com)
