Doing mostly JavaScript stuff it might sound weird to some that I wholeheartedly agree with this piece: I’m not saying that genuine web apps like Google Maps shouldn’t exist […] I’m saying that something has gone very wrong when basic features that already work in plain HTML suddenly no longer work without JavaScript. JavaScript is …
Tag Archives: javascript
Pressure.js – Force Touch and 3D Touch on the web
Exif.js – JavaScript library for reading EXIF image metadata
Following up on yesterdays “Read EXIF thumbnail from JPG image using JavaScript” I stumbled upon Exif.js, a library which reads EXIF meta data – and not just the thumbnail – from JPEG images. Usage is simple: EXIF.getData(imageElement, function() { alert(EXIF.pretty(this)); }); It’s also possible to get single values: EXIF.getData(imageElement, function() { var make = EXIF.getTag(this, …
Continue reading “Exif.js – JavaScript library for reading EXIF image metadata”
JavaScript Photo Sphere Viewer
See the Pen Photosphere Demo by Bramus! on CodePen. Photo Sphere Viewer is a JavaScript library that allows you to display 360×180 degrees panoramas on any web page. Panoramas must use the equirectangular projection and they can be taken with Photo Sphere, the camera mode brought by Android 4.2 Jelly Bean. Photo Sphere Viewer uses …
Read EXIF thumbnail from JPG image using JavaScript
Little demo by @codepo8 which reads the thumbnail out of the EXIF data of an image: The code itself is very simple: it opens a FileReader and seeks for the second occurrence (*) of 0xFF 0xD8 (Start of Image) along with its following 0xFF 0xD9 (End of Image). All bytes in between are the thumbnail …
Continue reading “Read EXIF thumbnail from JPG image using JavaScript”
Vibrant.js – Extract prominent colors from an image
Usage is simple: var vibrant = new Vibrant(img); var swatches = vibrant.swatches() for (var swatch in swatches) if (swatches.hasOwnProperty(swatch) && swatches[swatch]) console.log(swatch, swatches[swatch].getHex()) Works by reading in the image, placing it onto a <canvas> element, and then getting all pixel information from that canvas. Vibrant.js →
Node debugging with TraceGL
TraceGL transforms your JavaScript, injecting monitoring code that produces a log of everything that happens. This log is streamed from the target – via the traceGL node.js process – to the UI for visualisation. The UI tries to display the resulting huge amount of information fast, and uses webGL to render everything. In the video …
Getting started with ES6 ES2015
Popmotion
JockeyJS
JockeyJS is a dual-iOS and Android library that facilitates two-way communication between native applications and JavaScript apps running inside them. Here’s an iOS example: // Send an event to JavaScript, passing a payload. // payload can be an NSDictionary or NSArray, or anything that is serializable to JSON. // It can be nil. [Jockey send:@”event-name” …