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:  Storytelling

Preview – Impressionist | 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. Update: Impressionist is now on github and will be developed openly. I am a big fan of impress.js framework. )The last few presentations I made were all on impress.js and I was quite blown away by the visually rich stuff that I could create with it. Finally, I made up my mind. Here is the first look of what this tool looks like (no, its not ready for primetime consumption, yet – hence I have right now is a screencast.) I am really looking forward to some help from folks to help me test this out. Note: Some of the bugs show up in the video itself and I am working on fixing them.

Snow Fall: The Avalanche at Tunnel Creek - Multimedia Feature iLightBox · Revolutionary Lightbox Plugin 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. Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Using all three libraries is easy if you have some familiarity with JavaScript. Getting Started Start by importing each library. Setting Up Paper.js Setting Up Processing.js Setting Up Raphaël Now we can start drawing. Paper.js: Raphaël:

ThingLink Education Blog | Adding a New Dimension to Images and Videos in the Classroom STRML/history.js 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. Example usage: Operations This library provides three CSG operations: union, subtract, and intersect. The solids a and b above were generated with the following code: Combined CSG Example Below is a solid constructed from a combination of operations: The solids above were generated with the following code: Try it! Edit the code below to construct your own solids.

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.

d3.js É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

I, Philip ARTE Creative 1 Février 2016 I, Philip est un court-métrage de 14 minutes qui propose aux spectateurs une expérience immersive à 360° et en réalité virtuelle. ​ 23 ans après la mort de Philip K. I, Philip vous immerge dans les souvenirs de ce qui pourrait être la dernière histoire d’amour de l’écrivain. I, Philip est également disponible dans l’application mobile ARTE360. Si vous êtes équipé d’un casque Oculus Rift, vous pouvez télécharger un teaser ici Découvrez le Making-of du court-métrage I Philip : Réalisation : Pierre Zandrowicz, écrit par Pierre Zandrowicz et Rémi Giordano. Une coproduction : ARTE France, Fatcat Films, Saint-George. A voir aussi sur ARTE : Les mondes de Philip K. Californium, un jeu vidéo inspiré par l'univers de Philip K.