background preloader


Facebook Twitter

HTeuMeuLeu : HTML5, CSS3, et le quotidien du web pour un intégrateur ! Mugeda - Cloud Based HTML5 Animation Platform. Build HTML5 and Flash Charts & Graphs for Web Applications. Build interactive HTML5 charts using our JavaScript charting library and feature-rich API set.

Build HTML5 and Flash Charts & Graphs for Web Applications

Render them in any browser and on any device. Export them quickly and easily. Conquer your data visualization challenges. ZingChart offers the flexibility and resources to create stunning visualizations. We offer over 100 chart types to fit your data. View the Chart Gallery Want fast web charts? Want to do dataviz like the big boys? We needed a charting solution that is fast, scalable, and looks good. We now provide the most comprehensive and sophisticated financial charts in the industry and ZingChart helped us achieve that goal.Richard Radnay / CTO/CIOXTF, Inc.

Download a Free Trial See Our Pricing. Patternizer - HTML5 Canvas Pattern Generator Tool. XFN - XHTML Friends Network. XFN™ (XHTML Friends Network) is a simple way to represent human relationships using hyperlinks.

XFN - XHTML Friends Network

In recent years, blogs and blogrolls have become the fastest growing area of the Web. <a href=" rel="friend met">... To find out how to write and use XFN, or to write a program to generate or spider it, read the following sections: Introduction and Examples Introduction to XFN, examples, styling suggestions, and future potential. HTML5. Chrome Experiments - WebGL Globe. WebGL Globe. Building a Custom HTML5 Audio Player with jQuery « Neutron Creations. We recently built an HTML5 audio player for Tim Van Damme's The Box, a new podcast where he interviews people who make cool stuff.

Building a Custom HTML5 Audio Player with jQuery « Neutron Creations

Tim wanted an HTML5 audio player on the site, and we put together some jQuery to hook up the player interface he designed. In this article we'll run through the code to explain how it works, covering a few caveats along the way. Here's the player interface, and the markup for it. As you can see, we have a few span elements for each component of the interface: playtoggle is the play/pause toggle button. gutter is the timeline track loading is the bar indicating the loading or buffering progress handle is the circular element that serves as the playhead, indicating current position in the audio file, and also acting as a drag handle to move to a different point of the audio timeleft is the play time remaining, in minutes and seconds We won't cover the CSS for the player here, but if you want to see how it's styled you can inspect the styles on the live site. if(!!

Chrome Experiments - Home. TurboManage. Dart : Structured web programming. W3Schools Online Web Tutorials. Lawnchair: Simple JSON Storage. Handlebars – SproutCore. The following post refers to SproutCore 2.0, which has split off as a separate project.

Handlebars – SproutCore

However, the information within this post is entirely applicable with respect to using SC.TemplateView and Handlebars in SproutCore 1.8. If you wish to use SC.TemplateView in SproutCore, you only need be aware that the many views and controls in the Desktop framework may contain templates, but should not themselves be contained within templates. When people check out SproutCore 2.0 for the first time, one question that they frequently ask is: Do I have to use Handlebars? Handlebars, if you’re not familiar with it, is a semantic templating language written entirely in JavaScript. It’s an expressive language with a tag syntax reminiscent of HTML, except expressions (oftentimes referred to as “mustaches”) are wrapped in double-curly braces. Handlebars, unlike other templating solutions like Eco, doesn’t tempt you to embed domain logic in your HTML. HTML5 Playground. Best Practices for a Faster Web App with HTML5.

While good, this article only tells part of the performance story.

Best Practices for a Faster Web App with HTML5

View for the whole picture of performance improvements. Introduction Much of HTML5 aims to deliver native browser support for components and techniques that we have achieved through JavaScript libraries thus far. Using these features, when present, can end up delivering a much faster experience for your users. In this tutorial, I won't recap the excellent performance research that you've seen at Yahoo's Exceptional Performance site or Google's Page Speed docs and Let's make the web faster site. Tip 1: Use web storage in place of cookies While cookies have been used to track unique user data for years, they have serious disadvantages. These two web storage objects can be used to persist user data on the clientside for the length of the session or indefinitely. Tip 2: Use CSS Transitions instead of JavaScript animation Tip 3: Use client-side databases instead of server roundtrips.

LESS « The Dynamic Stylesheet language.