Technologies

TwitterFacebook
Get flash to fully experience Pearltrees
http://developer.yahoo.com/yql/ What is YQL? 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.

Query Language - YDN

Octopress

What’s new in 2.0? Short answer: Everything. Octopress is now based on mojombo/jekyll has been completely rewritten from the ground up with a mountain of goodies. http://octopress.org/

Groovy - Home

http://groovy.codehaus.org/ class Greet { def name Greet(who) { name = who[ 0 ].toUpperCase() + who[ 1 ..- 1 ] } def salute() { println "Hello $name!" } } g = new Greet( 'world' ) g.salute() Leveraging existing Java libraries: import static org.apache.commons.lang.WordUtils.* class Greeter extends Greet { Greeter(who) { name = capitalize(who) } } new Greeter( 'world' ).salute()

4.8.11 The canvas element — HTML Standard

The canvas element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly. Authors should not use the canvas element in a document when a more suitable element is available. For example, it is inappropriate to use a canvas element to render a page heading: if the desired presentation of the heading is graphically intense, it should be marked up using appropriate elements (typically h1 ) and then styled using CSS and supporting technologies such as XBL. http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
http://square.github.com/cube/ Time Series Visualization Cube is an open-source system for visualizing time series data, built on MongoDB , Node and D3 . If you send Cube timestamped events (with optional structured data), you can easily build realtime visualizations of aggregate metrics for internal dashboards. For example, you might use Cube to monitor traffic to your website, counting the number of requests in 5-minute intervals: Cube supports filters for aggregating a subset of events: you might filter requests for a specific path, host, or user-agent. Or perhaps plot the count of slow requests (>500ms) over time.

Cube

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). So I needed to use XSLT. When the W3C wrote the XML specification they also developed the Extensible Stylesheet Language for Transformations . http://codingrants.blogspot.com/2008/04/rending-your-xml-as-html-with-xslt-in.html

Rails on XML, Part 1: Background

[Part of the Rails on XML series.] 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. http://alpinegizmo.com/2009/01/03/rails-on-xml-part-1-background.html
Since we're using script to control canvas elements it's also very easy to make (interactive) animations. Unfortunately the canvas element was never designed to be used in this way (unlike Flash) so there are limitations. 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.

Basic animations - MDN Docs

https://developer.mozilla.org/en/Canvas_tutorial/Basic_animations
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. 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. http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

HTML5 Canvas Cheat Sheet - Nihilogic

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

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/#demo-simple Let's create a web app where the user can dynamically draw on an HTML5 canvas. What will our users use? A coloring book comes to mind; that means crayons. Our first tool is a crayon. Although the real world doesn't agree, I think we should be able to erase crayons. Our second tool will be an eraser (sorry reality).
HTML5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors. Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like , , , and .

HTML5 Tag Reference

Wordpress

HTML5

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

Download Boilerplate 3.0.2 Updated Feb 19th Download Boilerplate Keep the hints and links or Download Boilerplate "stripped" No comments, just the bizniss. or Customize Boilerplate 100% hipster. The key feature of this update is making Boilerplate smaller.
Home The French revolution was an era of extreme political and social change. 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.

HTML5 For Web Designers, Chapter 2

This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document.

HTML5

Learn data-driven techniques that will make you a master of mobile with Mobile First . Then, craft beautiful designs that respond to your users’ needs with Responsive Web Design . Buy both and save!

A Book Apart, Home

Javascript

Mobile

CSS2