Augmented Reality using AFrame: Tips & Tricks

AFrame is a very cool javascript library which allows you to create Virtual Reality environments completely within the browser. Aframe also combines with AR.js to allow you to create Augmented Reality environments through the use of "markers" or "anchors". Anchors are very similar to simple QR codes which allow AR.js to project shapes onto the … Continue reading Augmented Reality using AFrame: Tips & Tricks

Advertisements

A JavaScript reverse CSS selector

In plain Javascript, you can get a reference to a particular HTML element by using the querySelector method. For example: document.querySelector('div') Will give you a reference to the first "div" that's encountered in the page. Give it a try in DevTools Sample querySelector What if we want to do the reverse? That is, given an … Continue reading A JavaScript reverse CSS selector

Living without React Router

How do you handle the scenario when a user taps the "back button" in your ReactJS app? In a plain vanilla ReactJS app you'll end up with the user navigating off your app since it's a SPA. Most devs would tell you to use React-Router. What if you can't, or - how does React-Router work? … Continue reading Living without React Router

RxJS: The bridge between plain JS and ReactJS

Scenario During front-end development, we sometimes have to deal with code which cannot be imported easily into your ReactJS app. This situation arises frequently when dealing with a legacy codebase, or when you have a large, heterogeneous codebase with different teams taking care of different "sections" of the front-end. This article explores one method that … Continue reading RxJS: The bridge between plain JS and ReactJS

Google Yolo and Spring Boot 2.0 Authentication

Back in 2016, Google announced the "Open Yolo" project: You Only Login Once. It originally seemed to be an Android library but during Google's last Dev Summit in October 2017, Google released "One-tap Sign-ups On Websites and API Integrations" which brings Google Yolo to your website via JavaScript goodness. There's a very easy guide that … Continue reading Google Yolo and Spring Boot 2.0 Authentication

How to create a “heatmap” graph network visualization

What we're after @CyberSiftIO we've been going through an exercise of adding "confidence levels" to our visualizations. In other words, how confident is the CyberSift engine that an alert really is an anomaly/outlier? The above screenshot shows one of the ways we visualize the output from this exercise. Each blue node is an internal PC/Server, while … Continue reading How to create a “heatmap” graph network visualization

From JQuery to ReactJS

I have previously worked with ReactJS - most notably during my Master's dissertation, however the main Javascript library I work with when working for clients and companies still remains the venerable JQuery. This is changing as more and more organizations I interact with move to more modern frameworks like Angular and ReactJS. Where to start … Continue reading From JQuery to ReactJS