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 Related:  HTML5 & WebGLStorytelling

melonJS Snow Fall: The Avalanche at Tunnel Creek - Multimedia Feature iLightBox · Revolutionary Lightbox Plugin TopCoat ThingLink Education Blog | Adding a New Dimension to Images and Videos in the Classroom STRML/history.js 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. AnswerGarden– A tool for online brainstorming or polling, educators can use this real time tool to see student feedback on questions.Animoto – Gives students the ability to make a short, 30-second share video of what they learned in a given lesson.AudioNote– A combination of a voice recorder and notepad that captures both audio and notes for student collaboration.Backchannel Chat – Similar to TodaysMeet, this site offers a teacher-moderated version of Twitter.

Top 10 jQuery Mobile Code Snippets that you need to know jQuery Mobile is a framework for mobile web apps and mobile websites with an aim to provide a unified user interface system across many mobile device platforms such iPhone, BlackBerry, Android and Windows Mobile. The framework is built on top of one of the most popular Javascript frameworks, jQuery. Followings are some of the most useful code snippets that I’ve used in my recent web app developed using jQuery Mobile framework. 1. If your list item or button has a long text, it will be truncated automatically by jQuery Mobile. For example, to disable truncation for buttons: To disable truncation for list descriptions: To enable truncation, set it to “white-space: nowrap;“. 2. jQuery Mobile has a number of page initialization events that you can use to trigger certain methods on page load. Javascript $('.my-page').live("pagecreate", function() { var randombg = Math.floor(Math.random()*4); // 0 to 3 $('.my-page').removeClass().addClass('bg' + randombg); }); 3. And to re-enable it: 4. 5. 6. 7. 8.

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. Create Powerful Diagrams Canvas-based diagramming allows for some of the fastest plugin-free diagramming on the web today. View the samples now! Rich Features GoJS offers a comprehensive range of diagramming features, allowing programmers to create rich Canvas apps faster. Templates for Nodes, Links, and Groups Data binding with JSON data Intuitive Drag-and-Drop & Copy-Paste functionality Unlimited extensible Undo and Redo Mouse and touch support with customizable tools Orthogonal and Bezier link routing with "Avoids Nodes" and "Jump Over" options Automatic layout of graphs Palettes and Overviews And much more. Cross Platform & No Browser Plugins Needed GoJS supports all canvas-enabled browsers, including: Developer-backed Documentation and Support Licensing Terms

École numérique : un webdoc présente le projet académique innovant Seatcher Le portail national des professionnels de l'Education Eduscol propose en vidéo des ressources et des services numériques éducatifs innovants réalisés dans le cadre de l'appel à projets « e-éducation n° 2 ». Mis en ligne en février 2016, ce web-documentaire présente notamment l'application Télésciences, utilisée par des élèves de l'académie de Nice dans le cadre du projet innovant Seatcher mené en collaboration avec des entreprises de Toulon et l'Ifremer. Le portail national des professionnels de l'Education Eduscol propose depuis le 4 février 2016 le documentaire internet interactif (webdoc) "l'école numérique", qui fait le point sur les coopérations entre des industriels du numérique éducatif, des organismes de recherche, des associations et des acteurs de l'éducation nationale. autour des projets e-education développés dans le cadre des investissements d'avenir. La parole donnée dans les classes aux acteurs de terrain Les projets e-Éducation des investissements d'avenir

Echo Test 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! This browser supports WebSocket. Does your browsersupport WebSocket? Firefox 17 Linux Uh-oh, the browser you're using doesn't have native support for WebSocket. The following link lists the browsers that support WebSocket: Location:Use secure WebSocket (TLS) Message: Instructions Press the Connect button. Creating your own test Using a text editor, copy the following code and save it as websocket.html somewhere on your hard drive.