JavaScript & graphics / programming

By ∫ ∪ ∧∴ ∋ ∈ ⊇ ∧ | ∫ ∪ ∧∴ ∋ ∈ ⊇ ∧ created a magazine on Flipboard. “JavaScript & graphics / programming on Flipboard” is available with thousands of other magazines and all the news you care about. Download Flipboard for free and search for “∫ ∪ ∧∴ ∋ ∈ ⊇ ∧”.

1,048,576 Particles

Click here to see the demo<p>An experiment showing 1 million+ particles being moved around on the GPU via WebGL. All data is uploaded once - velocities …

Science

How to Pivot Camera around a Vector3 point?

Ok, I will try and be as concise as possible. I am not very good with math and what might seem obvious to you will most likely be rocket science to …

JavaScript

Set Up Persistence with DevTools Workspaces | Web

<b>By</b> Dave Gash<p>Dave is a Tech Writer<p><b>By</b> Kayce Basques<p>Technical Writer at Google<p><b>By</b> Meggin Kearney<p>Meggin is a Tech Writer<p>Set up persistent authoring in …

How to re-create the iOS camera button?

For a project I worked on, I had to create a video capture interface. My goal was to make it look and feel as close to the regular iPhone camera app. …

iOS

Michal Zimmermann | Pieces of knowledge from the world of GIS.

Written on Apr 3, 2017 and marked as bash | data<p>Speaking the Czech Republic, Prague is an undoubted leader in open data publishing. However, there is …

A Visualization Grammar

<b>Vega</b> is a <i>visualization grammar</i>, a declarative language for creating, saving, and sharing interactive visualization designs. With Vega, you can …

EpicZenGarden, WebAssembly and WebGL 2 in Firefox 52

The Perspective and Orthographic Projection Matrix (The OpenGL Orthographic Projection Matrix)

The Perspective and Orthographic Projection Matrix<p><b>Contents</b><p>What Are Projection Matrices and Where/Why Are They Used?<p>Projection Matrices: What You Need …

The Perspective and Orthographic Projection Matrix

The Perspective and Orthographic Projection Matrix<p><b>Contents</b><p><b>What Are Projection Matrices and Where/Why Are They Used?</b><p>Projection Matrices: What You Need …

Garbage collection in V8, an illustrated guide

This guide is unlike others I’ve done so far, and has a bit of a narrative to go along with the sketches. I thought the entire concept of garbage …

Even more about how Flexbox works — explained in big, colorful, animated gifs

Last time we got started with the basic Flexbox properties: flex-direction, justify-content, align-items, and align-self.These commands are powerful …

Web Development

tldrlegal

The easiest way to find out if your JavaScript project meets its dependencies' licensing requirements.<p>tldrlegal is a Node.js command-line tool that …

JavaScript

Mastering VS Code's Terminal

<i>This article makes heavy use of custom settings and keybindings, so make sure you know how they work to get the most out of it.</i><p>Choose your shell<p>VS …

How we migrated a 200K+ LOC project to TypeScript and survived to tell the story

Statically-typed JavaScript exploded in use in 2016. More and more companies are leveraging the vast potential of types in JavaScript. Two major …

JavaScript

Introducing Quokka — The Live Scratchpad for JavaScript (free developer tool)

Introducing Quokka — The Live Scratchpad for JavaScript (free developer tool)<p>Experimentation is very important in our industry. Before succeeding one …

VS Code Tips and Tricks

Table of Contents<p>Basics<br>• Customization<br>• Extensions<br>• File and folder management<br>• Editing hacks<br>• Intellisense<br>• Snippets<br>• Git integration<br>• Debugging<br>• Task runner<br>• Other …

Linux

Restructured Text (RST) Snippets - Packages

SublimeText ♥ reStructuredText<p>sublime-rst-completion is a group of snippets and commands to facilitate writing restructuredText with …

Using Atom as an RST editor with live preview

After searching around a bit to find a local (not online), simple and free ReStructuredText editor, I didn’t really find anything simple and easy …

Demos

HTML fragment:<p>Standalone HTML file:<p>HTML with smart quotes, table of contents, CSS, and custom footer:<p>LaTeX:<p>From LaTeX to …

11 Trends That Will Impact Web Development in 2017

In this post, we will talk about the trends thatThe post 11 Trends That Will Impact Web Development in 2017 appeared first on iamwire.

JavaScript

JavaScript Top 10 Articles for the Past Month (v.Feb 2017)

<b>For Jan-Feb 2017,</b> we’ve ranked nearly 1,600 JavaScript articles to pick the Top 10 stories (0.63% chance) that can help advance your JavaScript …

JavaScript

‘Artificial Intelligence’ Has Become Meaningless

It’s often just a fancy name for a computer program.<p>In science fiction, the promise or threat of artificial intelligence is tied to humans’ relationship to conscious machines. Whether it’s Terminators or Cylons or servants like the “Star Trek” computer or the <i>Star Wars</i> droids, machines warrant the …

Artificial Intelligence

Introduction to TensorFX

TensorFX is an end to end application framework to simplifies machine learning with TensorFlow - both training models and using them for prediction. …

A crash course in assembly

<i>This is the third part in a series on WebAssembly and what makes it fast. If you haven’t read the others, we recommend starting from the beginning.</i><p>To …

Where is WebAssembly now and what’s next?

<i>This is the sixth part in a series on WebAssembly and what makes it fast. If you haven’t read the others, we recommend starting from the beginning.</i><p>On …

A cartoon intro to WebAssembly

WebAssembly is fast. You’ve probably heard this. But what is it that makes WebAssembly fast?<p>In this series, I want to explain to you why WebAssembly …

10 React mini-patterns

Parent on the left, child on the right. You can think of the two props that connect these components as allowing information to flow in either …