background preloader


Facebook Twitter

When can I use... Support tables for HTML5, CSS3, etc. Query Language. What is YQL?

Query Language

The Yahoo Query Language is an expressive SQL-like language that lets you query, filter, and join data across Web services. With YQL, apps run faster with fewer lines of code and a smaller network footprint. Yahoo and other websites across the Internet make much of their structured data available to developers, primarily through Web services. To access and query these services, developers traditionally endure the pain of locating the right URLs and documentation to access and query each Web service. With YQL, developers can access and shape data across the Internet through one simple language, eliminating the need to learn how to call different APIs. How Do I Get Started? Check out the YQL Console.

Octopress. Home. 4.8.11 The canvas element. Cube. Time Series Data Collection & Analysis Cube is a system for collecting timestamped events and deriving metrics.


By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc. It also enables richer analysis, such as quantiles and histograms of arbitrary event sets. Cube is built on MongoDB and available under the Apache License on GitHub. Rending your XML as HTML with XSLT in Rails. I had a need to convert XML services that my rails app was providing into customizable html widgets tht could then be in-jested by some sort of server side includes(like NGINX's SSI).

Rending your XML as HTML with XSLT in Rails

So I needed to use XSLT. When the W3C wrote the XML specification they also developed the Extensible Stylesheet Language for Transformations. XSLT provides a powerful, flexible language for transforming XML documents into something else. Rails on XML, Part 1: Background. [Part of the Rails on XML series.]

Rails on XML, Part 1: Background

I'm sure the first question in many readers' minds is "Why bother? ". The intersection between the XML community and the Ruby community is very small. A rubyist might use XML to implement a RESTful web service, but that's going far enough, thank you very much. However, if you've been paying attention to the pure XML workflow for creating web applications, it has some interesting ideas, and some exuberant followers. Canvas. You are here: Home Dive Into HTML5 Diving In HTML 5 defines the <canvas> element as “a resolution-dependent bitmap canvas which can be used for rendering graphs, game graphics, or other visual images on the fly.”


Basic animations - MDN Docs. Since we're using JavaScript to control <canvas> elements, it's also very easy to make (interactive) animations.

Basic animations - MDN Docs

Doing more complex animations can take a little extra work; we hope to introduce a new article to help with that soon. Probably the biggest limitation is that once a shape gets drawn it stays that way. If we need to move it we have to redraw it and everything that was drawn before it. It takes a lot of time to redraw complex frames and the performance depends highly on the speed of the computer it's running on.

Basic animation steps These are the steps you need to take to draw a frame: Clear the canvas Unless the shapes you'll be drawing fill the complete canvas (for instance a backdrop image), you need to clear any shapes that have been drawn previously. Controlling an animation Shapes are drawn to the canvas by using the canvas methods directly or by calling custom functions. HTML5 Canvas Cheat Sheet. There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better.

HTML5 Canvas Cheat Sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla's examples). So, it's basically just a listing of the attributes and methods of the canvas element and the 2d drawing context. Choose between a 2 page PDF document or a PNG file. Thanks! Create a Drawing App with HTML5 Canvas and JavaScript { William Malone } By William Malone This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript.

Create a Drawing App with HTML5 Canvas and JavaScript { William Malone }

The aim of this article is to explore the process of creating a simple app along the way learn: How to draw dynamically on HTML5 canvas The future possiblities of HTML5 canvas The current browser compatibility of HTML5 canvas. Five Things You Should Know About HTML5. You are here: Home Dive Into HTML5 1.

Five Things You Should Know About HTML5


HTML5. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. HTML5 For Web Designers, Chapter 2. Home The French revolution was an era of extreme political and social change.

HTML5 For Web Designers, Chapter 2

Revolutionary fervor was applied to time itself. For a brief period, the French Republic introduced a decimal time system, with each day divided into ten hours and each hour divided into one hundred minutes. It was thoroughly logical and clearly superior to the sexagesimal system. HTML5. This Version: Latest Published Version: Latest Version of HTML: Home. 4.6 Text-level semantics — HTML5. 4.5 Text-level semantics 4.5.1 The a element Categories: Flow content. Phrasing content. Interactive content. Palpable content. Contexts in which this element can be used: Where phrasing content is expected. GestureWorks - Multitouch Software for Flash and Flex. Fonts, typefaces and all things typographical — I love Typograph.


Mobile. Typekit. CSS2.