background preloader

The HTML5 Media Framework

The HTML5 Media Framework
Slideshare+Youtube A slideshare deck synchronized with a Youtube video Metal Fantaisies French broadcaster France Culture used popcorn to tell the story of HellFest Sketchpad Uses Popcorn to synchronize code walkthroughs with rendered results

http://popcornjs.org/

The future is now: 10 startups leading the way in ‘big data’ How can big data and smart analytics tools ignite growth for your company? Find out at DataBeat, May 19-20 in San Francisco, from top data scientists, analysts, investors, and entrepreneurs. Register now and save $200! “Big data” isn’t just an enterprise trend. It’s a technological innovation that is already making a difference in your life. The Edge of HTML5 The Edge of HTML5 Eric Bidelman · Legend: Not quite ready. Baseline - a designer framework by ProjetUrbain.com “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid.

Popcorn Maker 1.0 released – how it works This week Mozilla is in London at the Mozilla Festival 2012. A year ago at last year’s Festival, we released Popcorn.js 1.0, and with it a way for filmmakers, journalists, artists, and bloggers to integrate audio and video into web experiences. Popcorn has since become one of the most popular ways to build time-based media experiences for the web. It has proven to be uniquely powerful for bespoke web demos, films, visualizations, etc. This year, we’ve come to the Mozilla Festival with an even bigger 1.0 release: Popcorn Maker 1.0. Popcorn.js and Popcorn Maker

jQuery.mmenu app examples Here are some of the more extensive examples, all build with default options, extensions and add-ons. If you're looking for more basic examples, check out the options, extensions and add-ons. examples Check out what you can do with some small javascript, CSS and a little bit of creativity. With the offCanvas option set to false, you can easily create web-applications that look and feel like native apps. An Entrepreneur's Guide to Relationship Management: Who To Keep in Touch With, and How Often Editor’s Note: This blog post has been excerpted from an article that was originally published by Zvi Band on the Contactually blog. When running my previous company, staying in touch was crucial to my business. We were one of dozens, maybe hundreds, of web development firms in the DC region, but we kept really busy (sometimes overwhelmingly so) thanks to a continual flow of referrals from past clients and our network. Come to think of it, I never accepted a client that came via anonymous websites (read: my own website). So relationship management was a core aspect of my role as founder.

40 Beautiful Free HTML5 & CSS3 Templates Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible. The Templates

Touch - JavaScript Mobile Framework for Building HTML5 Web Apps DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms. Syntax DHTMLX Touch framework offers intuitive object inheritance.

Mantis: Next-generation Cloud Technology for WebRTC Today we’re proud to announce our latest WebRTC innovation: Mantis, a cloud-scaling infrastructure for our OpenTok on WebRTC platform. This is another big step forward for the TokBox team as we continue to pursue our goal of providing application developers with simple yet powerful APIs. APIs that not only leverage the latest standards to deliver the best possible experience, but that are backed by a scalable, smart cloud which supports interoperability across a variety of end-points.

Tabulous.js A jQuery tabs module for todays web! Documentation Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use. ..:: Getting Started Include the relevant files What If Your Smartphone Could Read Your Mind? Kimera Is Working On It Today's smartphones are pretty darned smart. Yet we are only scratching the surface of what these devices might do. What if our smartphones were actually intelligent? Able to perceive our actions and intentions and act upon them on our behalf? HTML5 Canvas Demos and Applications To Make You Say WOW Our today’s post is on HTML5 Canvas Applications and Demos. Being the last day of this calender year, we were bit skeptical on topic to choose. After thinking for quite a while we chose HTML5 Canvas Applications over others as we wanted to portray a different subject. In this post, you will be able to check the power of HTML5. The Most astonishing facet of HTML5 is the HTML5 canvas.

Free HTML 5 WordPress Theme In an effort to inspire more WordPress theme designers to embrace HTML 5, I am releasing the “H5” Theme Template. The H5 Theme Template is a bare-bones WordPress theme built entirely with HTML 5 and styled with CSS 2.1. As you may know, HTML 5 provides greater flexibility and interoperability than previous markup languages, and enables us to build well-structured themes that are more flexible, interactive, and semantically precise. About the ‘H5’ WordPress Theme Template The H5 Theme Template provides everything you need to create beautiful themes with HTML 5 right now. Easily index your Single Page Application thanks to PhantomJS ¤ Vickev Google provides a way to index your Single Page Application (SPA), built with Angular.js, Backbone.js, or other Javascript framework (ember.js, knockout.js, and others). In this article, we will first see together how it proceeds, the amount of work that the webmaster has to do, and then we will come up with an automatic solution. All along this article, I will introduce tools and examples of this website, vickev.com (which is built with Angular.js and Node.js), to prove the relevance of the method. The magic of Google crawl

Related:  storytelling