background preloader

Velocity.js

Velocity.js
Related:  Saved Tech

The Next Generation of 3D Tiles Nearly two years ago, we announced the 3D Tiles initiative for streaming massive heterogeneous 3D geospatial datasets. It is amazing and humbling to see how much of it has come to fruition and how a vibrant community has formed around 3D Tiles. With this initial success, we now have the foundation for modern 3D geospatial: Cesium as the canvas, 3D Tiles as the conduit, and the seemingly endless stream of geospatial data as the supply. The data acquisition trends are clear: we are collecting more data, more frequently, at a higher resolution and lower cost than ever before, and the data is inherently 3D, driven by heterogeneous sources such as photogrammetry and LIDAR. The challenge now is to realize the full value of these data. With your help, of course! We are looking for input on the next generation of 3D Tiles: 3D Tiles Next. Our vision includes A truly 3D vector tile for heterogeneous classification Business corridors vector tileset clamped to a city photogrammetry tileset.

GSAP, the standard for JavaScript HTML5 animation | GreenSock Polymaps Move.js - CSS3 animation framework for JavaScript Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant. Move#set(prop, val) Set prop to val. Play move('#example-1 .box') .set('margin-left', 200) .end(); Move#add(prop, val) Increment prop by val, where val is an Number (click several times). move('#example-2 .box') .add('margin-left', 200) .end(); Move#sub(prop, val) Decrement prop by val, where val is an Number (click several times). move('#example-3 .box') .sub('margin-left', 100) .end(); Move#rotate(deg) Rotate by deg. move('#example-4 .box') .rotate(140) .end(); Move#duration(n) Set animation duration to n which is a Number or a string such as "4s". move('#example-5 .box') .set('background-color', 'blue') .duration('2s') .end(); Move#translate(x[, y]) Translate x and optionally y axis. move('#example-6 .box') .translate(300, 80) .end(); Move#x(n) / Move#y(n) Translate x or y axis. move('#example-7 .box') .x(300) .y(20) .end(); Move#skew(x[, y]) Skew x, and optionally y. Move#scale(x[, y]) Move#ease(fn) default in

Synchronized Multimedia Integration Language (SMIL 3.0) This version: Latest SMIL 3 version: Latest SMIL Recommendation: Previous version: Editors: Dick Bulterman, CWI - Jack Jansen, CWI - Pablo Cesar, CWI - Sjoerd Mullender, CWI - Eric Hyche, RealNetworks - Marisa DeMeglio, DAISY Consortium - Julien Quint, DAISY Consortium - Hiroshi Kawamura, NRCD - Daniel Weck, NRCD - Xabiel García Pañeda, Universidad de Oviedo - David Melendi, Universidad de Oviedo - Samuel Cruz-Lara, INRIA - Marcin Hanclik ACCESS Co., Ltd - Daniel F. Please refer to the errata for this document, which may include some normative corrections. This document is also available in a non-normative format: single HTML file. See also translations. Copyright © 2008 W3C® (MIT, ERCIM, Keio), All Rights Reserved. This document specifies the third version of the Synchronized Multimedia Integration Language (SMIL, pronounced "smile").

Cytoscape.js jsPDF - HTML5 PDF Generator | Parallax PDFs have become an essential element of document sharing. Our team recognised a significant challenge with generating these files and developed jsPDF, the ultimate solution for PDF generation. We took an innovative approach and made jsPDF open-source to encourage a collaborative community of developers to enhance its features and functionalities. With our easy-to-use application, you can create professional-looking PDFs in a matter of minutes, without the need for complex software or extensive training. Our intuitive interface allows you to generate any document type, including event tickets, reports, certificates, and more. Documentation Our documentation is generated from the source code, and we ensure it's up-to-date and comprehensive. Support While our open-source software doesn't come with free support, we offer competitive pricing for personalised project assistance.

Document Object Model The principal standardization of the DOM was handled by the World Wide Web Consortium, which last developed a recommendation in 2004. WHATWG took over development of the standard, publishing it as a living document. The W3C now publishes stable snapshots of the WHATWG standard. History[edit] The history of the Document Object Model is intertwined with the history of the "browser wars" of the late 1990s between Netscape Navigator and Microsoft Internet Explorer, as well as with that of JavaScript and JScript, the first scripting languages to be widely implemented in the JavaScript engines of web browsers. In 1997, Netscape and Microsoft released version 4.0 of Netscape Navigator and Internet Explorer respectively, adding support for Dynamic HTML (DHTML) functionality enabling changes to a loaded HTML document. Standards[edit] The W3C DOM Working Group published its final recommendation and subsequently disbanded in 2004. Applications[edit] Web browsers[edit] JavaScript[edit] Libraries[edit]

SVG.js v2.7 | Home The lightweight library for manipulating and animating SVG. Why choose SVG.js? SVG.js has no dependencies and aims to be as small as possible while providing close to complete coverage of the SVG spec. It's lean. SVG.js is lightweight. Less is better. Keep in mind it does the same thing, with nearly half the amount of code! It's speedy. SVG.js is fast. Index: rects: generate 10000 rectsfill: generate 10000 rects with fill colorgradient: generate 10000 rects with gradient fill Less is better. Easy readable, uncluttered syntax. Creating and manipulating SVG using JavaScript alone is pretty verbose. SVG.js provides a syntax that is concise and easy to read. // SVG.js var draw = SVG('drawing') , rect = draw.rect(100, 100).fill('#f06') That's just two lines of code instead of ten! Go crazy with animations There is more... License SVG.js is licensed under the terms of the MIT License. Changelog Wondering what has changed in the latest releases?

Vanilla JS

Related: