NativeBase – Cross-Platform UI Components for React Native

NativeBase is UI component library for React Native, which comes with a great list of Components for easy use. The Components are constructed in pure React Native platform along with some JavaScript functionality with rich set of customisable properties. These components allow you to quickly build the perfect interface. NativeBase includes components such as anatomy …

react-native-maps – React Native Mapview component for iOS + Android

On a React Native project I’m currently working on, I’m implementing native (vector) mapviews. Gladly there’s react-native-maps by AirBnB to handle it all. import React, { Component } from ‘react’; import MapView from ‘react-native-maps’; class MapViewExample extends Component { constructor(props) { super(props); this.state = { region: { latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, …

Stealing your browser history with the W3C Ambient Light Sensor API

A few years ago window.getComputedStyle and the like where adjusted to return the default color of links, instead of the actual color on screen. Security and privacy were the driving factors behind that decision: by styling :visited links with a different color than their non-visited counterparts, a hacker could easily determine which sites a user …

Luna Display’s “Camera Button”

What do you do when Apple keeps on taking away buttons from their devices (and when swipe gestures from nearly all edges are already taken by something else)? Well, you invent a new button: So when we ran out of buttons to hide our software’s UI behind, it really forced us to use our imagination. …

Browsershot: Convert a webpage to an image or PDF using headless Chrome

The folks over at Spatie have just release Browsershot v3: Browsershot is a PHP package which can convert a webpage to an image or pdf. The conversion is done behind the scenes by Puppeteer which controls a headless version of Google Chrome. Conversion is easy-peasy, hence this example: use Spatie\Browsershot\Browsershot; // an image will be …