background preloader

Tangle: a JavaScript library for reactive documents

Tangle: a JavaScript library for reactive documents
Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. When you eat 3 drag cookies, you consume 150 calories. This is the HTML for that example. When you eat <span data-var="cookies" class="TKAdjustableNumber"> cookies</span>, you consume <span data-var="calories"> calories</span>. And this is the JavaScript. Write your document with HTML and CSS, as you normally would. Try out some examples. Proposition 21: Vehicle License Fee for State Parks The way it is now: California has 278 state parks, including state beaches and historic parks. What Prop 21 would do: Proposes to charge car owners an extra $18 on their annual registration bill, to go into the state park fund. Analysis: Suppose that an extra $18 was charged to 100 % of California taxpayersvehicle registrations. Fc = 2 KHz Q = 0.8 Unstable

http://worrydream.com/Tangle/

Related:  HTML5 & WebGLStorytelling

Workshop / Chrome Experiments Unfortunately, either your web browser or your graphics card doesn't support WebGL. We recommend you try it again with Google Chrome. Take Three! 55 Digital Tools and Apps for Formative Assessment Success There is no shortage of strategies, techniques, and tools available to teachers who use formative assessment in their classrooms. It’s been over a year since we published our blog on digital tools and apps for formative assessment success and some of them we listed are no longer around. The good news is that there are new tools and apps that are available today that can help facilitate evidence of student learning. Here is an updated version of our list of digital tools and apps for formative assessment success.

A visual editor for impress.js at Harish Sivaramakrishnan Update : More bug fixes, more stability~ Alpha 3 is now hosted. Do give it a spin. Please note that this is still early and has some distance to go before it can be called stable. Please do log issues on github. Image Wall with jQuery Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and […]

blog » Hexbins! Binning is a general term for grouping a dataset of N values into less than N discrete groups. These groups/bins may be spatial, temporal, or otherwise attribute-based. In this post I’m only talking about spatial (long-lat) and 2-dimensional attribute-based (scatterplot) bins. Such binnings may be thought of as 2D histograms. This may make more or less sense after what lies beneath. GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël.

From The Mad Lab – A CSS3 & jQuery based Sliding Door Content Gallery « HBird's Internet Developer's Resource Blog We are back with another issue of the “The Mad Lab” posts. And this time we are mixing CSS3 with a little bit of jQuery to cook up a Content Gallery with images which will utilize the Sliding Door style to reveal more content on each of the gallery items as they are hovered on. This gallery is a great presentational way to show more content using less screen real estate. A lot of information can be packed in to such a gallery where the content gets revealed to the visitors as they hover their mouse over the gallery items.

Most Popular Web Design Blogs to Get Inspired Sharebar 0EmailShare So here we are with our first post, and we are really excited! What made us launch a new web design blog when there is such a great amount of others, already cool and reputable? Echo Test The first section of this page will let you do an HTML5 WebSocket test against the echo server. The second section walks you through creating a WebSocket application yourself. You can also inspect WebSocket messages using your browser. Try it out

untitled Source code: Documentation: Introduction Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implementation of the algorithm. All edge cases involving overlapping coplanar polygons in both solids are correctly handled. 25 jQuery Plugins to help with Responsive Layouts The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well. That is were this post comes in, by highlighting 25 jQuery plugins that will help you optimise and resize those trickier web elements. Response.js

Related:  Data Visualization Creation ToolsJavascript Visualisation Libraries