verb - A CAD Library for the Web Photographie – Dad 3.0 Lors d’un spectacle, notre attention est attirée par les acteurs. En conséquence, un piège pour le photographe est de ne pas prendre du recul pour voir l’ensemble de la scène où ces acteurs ne sont qu’une infime partie. Au second gala d’escrime artistique de l’USIvry, un tableau en particulier pouvait être un piège de ce type. Le Jardin des ombres est très dépouillé, sans décor. Il met en scène deux danseuses, la première est tout de vert vêtue, la seconde, tout en noir. La danseuse et son ombre dans le Jardin des Ombres (D.Stankovski) Comme pour tous les autres tableaux, l’attention est attirée sur les acteurs, sur leur jeu de scène, sur leurs mouvements. Pourtant, juste avant cette présentation, l’éclairage a changé… L’éclairage ne vient plus par le dessus de la scène. La danseuse et les ombres dans le jardin des ombres (D.Stankovski) Ainsi, le duel entre ombre et lumière ne se déroulera pas que sur scène. Le duel des ombres dans le jardin… des ombres (D.Stankovski)
Bone.io Split.js Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes. No dependencies or markup required, just two or more elements with a common parent. Views can be split horizontally or vertically, with draggable gutters inserted between every two elements. Documentation Split(<HTMLElement|selector[]> elements, <options> options?) Usage Examples A split with two elements, starting at 25% and 75% wide with 200px minimum width. A split with three elements, starting with even widths with 100px, 100px and 300px minimum widths, respectively. A vertical split with two elements, starting with even heights. Nested splits, horizontal and vertical. The actual size calculation falls back from calc() to support IE8, or can be configured to use flexbox. And with flexbox reverse: Use the returned instance to access two methods that control the split: setSizes and collapse, a method for getting the current sizes: getSizes and a method for destroying the split: destroy.
rogerwang/node-webkit JNetCAD JNetCAD ... ... the Java-Application for viewing and converting CAD data. JNetCAD is a simple Java GUI for importing and exporting several CAD formats. Each im- and export module exists as JAR library and can be used separately in other projects. JNetCAD uses jRealiy for the visualization. Im- and exporter concept As mentioned above, the im- and export modules have been implemented as independend Java libraries, which can be used as loaders (for viewer, analyzer, ...) and conversion tools. Conversion example: JT -> JSON / CTM (WebGL) Here is an embedded example of the conversion from JT to JSON (WebGL). Screenshot (Firefox) Rotation: Left mouse button Translation: Right mouse button Scale: Wheel mouse button Click here for full screen with picking feature. Conversion example: JT -> 3D-PDF Licence All components can be used in non commercial or educational projects for free. Donation Downloads
Periscope Data Periscope is built by a small team of hackers working out of a warehouse in San Francisco. We love our customers, greasy Indian food, great whiskey, and that moment when a blip in the data makes you say, "wait a minute…" Jon Brink The Problem Solver Jon firmly believes in the power of data and is excited to help Periscope spread the love. Outside of work, he nerds out over languages and gets excited to practice Spanish in the 94110 (con un montón de tacos, obvio). Nicole Simon The Globetrotter Nicole has a wanderlust and has visited more than 20 countries. Joe Young The Pipeline Pilot Joe joined Periscope Data to build the Sales Development team. Jerry Clarno The Industry Veteran Jerry loves building high growth sales teams (e.g. Caroline Kelter The Sales Queen After surviving 4 cold winters at Cornell, Caroline hurried back to the sunshine of her native Golden State! Chris Meier The MacGyver An East Bay transplant, Chris joins Periscope Data to spread his love of all things data. Laura Hall Sunny Xu
Underscore.js jQuery PowerTip PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience. Download v1.3.0Zip file with examples, CSS, and script. Here are some basic examples of PowerTip in action. You can also fiddle with PowerTip on the official JSFiddle demo. Placement examples Mouse follow example The PowerTip for this box will follow the mouse. Mouse on to popup example The PowerTip for this box will appear on the right and you will be able to interact with its content. Unique Features Checks for hover intent Testing for hover intent makes it so that tooltips don’t open the moment your mouse happens to cross an element with a tooltip. Features Requirements jQuery 1.7 or later Important note: The <body> tag must use the default CSS position. Design Goals Installation Manual installation npm Installation
3D printing from Tinkercad We’re delighted to announce that Tinkercad, a very easy-to-use CAD tool that runs in a browser (via WebGL), now offers a one-click support to our i.materialise 3D printing service. Thanks to this feature, getting an idea designed, printed, and in your hands is truly a piece of cake. Tinkercad is very user-friendly: with only three tools, a wide variety of designs can easily be made in Tinkercad in 5 minutes, or less. Once your project is ready, simply click on the “Print 3D” button in the upper right-hand corner of the editor. Your design will be sent to the i.materialise 3D print lab, where you can choose from a variety of materials and colors. Add the design to your cart, place the order, and within a couple of days you will be showing off your design to everyone you know. Designing and 3D printing your own designs, like the connection piece pictured below has never been easier. Try it out and give your opinion.
Parallax.js - Des effets parallax réussis compatibles mobiles Parallax.js est une bibliothèque Javascript compatible jQuery permettant de créer des effets parallax réussis et compatibles smartphones + tablettes. Vous connaissez probablement l'effet parallax qui consiste à mouvoir différents niveaux d'éléments d'une page pour créer un effet de profondeur et d'animation. Des scripts existent mais souvent ils ne permettent pas un rendu efficace sur mobile. Parallax.js vient corriger cette lacune en proposant un script léger et adapté aux périphériques mobiles grâce au gyroscope embarqué. Côté mise en place voici comment ça fonctionne avec les différentes options à passer en data-*: 01. 02. data-calibrate-x="false" 03. data-calibrate-y="true" 04. data-invert-x="false" 05. data-invert-y="true" 06. data-limit-x="false" 07. data-limit-y="10" 08. data-scalar-x="2" 09. data-scalar-y="8" 10. data-friction-x="0.2" 11. data-friction-y="0.8"> 12. 13. 14. 15. 16. 17. 18. Une fois le HTML mis en place, il ne reste plus qu'à actionner le script en Javascript pur ou en jQuery:
Zepto.js