Pepperoni is a blueprint for building cross-platform mobile experiences rapidly with ready-to-use integrated building blocks for common mobile app features, powered by React Native. The Pepperoni blueprint is crafted on a solid foundation using modern architecture and industry best practices. Pepperoni →
Category Archives: Elsewhere
TomTom Bandit Underwater Scene Mode
Being a diver myself (certified PADI Master Scuba Diver), this looks awesome: The latest TomTom Bandit camera update now automatically provides colour correction while filming in the water up to a depth of 15 m without the need for any additional accessories. View the difference! By the looks of it, mainly the white balance is …
HTML Parser Quiz
JSON Web Tokens
Modern Layouts: Getting Out Of Our Ruts
Video (filmed at An Event Apart) and slides from “Modern Layouts: Getting Out of Our Ruts” by Jen Simmons: In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems we all settled into a handful of patterns and …
Draft.js – Rich Text Editor Framework for React
Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles. The …
Continue reading “Draft.js – Rich Text Editor Framework for React”
Deeplinking in Ionic Apps
Enter the Ionic Deeplinks Plugin: Deeplinking as a concept has evolved heavily over the last few years, with mobile devices going from supporting custom URL schemes (like instagram://) to now opening native apps in response to navigation to URLs (like amazon.com). To help Ionic developers deeplink more easily, we are excited to announce a new, …
Ionic Native
The successor to the aforementioned ngCordova: Ionic Native is a curated set of ES6/TypeScript wrappers for Cordova/PhoneGap plugins that make adding any native functionality you need to your Ionic, Cordova, or Web View mobile app easy. import {Geolocation} from 'ionic-native'; Geolocation.getCurrentPosition().then(pos => { console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude); }); let …
Enhancing Optimistically
Here’s how Filament Group enhances (or: used to) their website for browsers that “Cut the Mustard”: if( "querySelector" in window.document && "addEventListener" in window ){ // This is a capable browser, let's improve the UI further! window.document.documentElement.className += " enhanced"; // load the enhanced scripting loadJS( "/path/to/enhancements.js" ); } But what if a browser is …
lint-staged: Lint JS and CSS files staged by Git
Running a lint process on a whole project is slow and linting results can be irrelevant. Ultimately you want to lint only files that are staged/will be committed. This project contains a script that will run arbitary npm tasks against staged files, filtered by a spicified glob pattern. lint-staged introductory blogpost: Make Linting Great Again …
Continue reading “lint-staged: Lint JS and CSS files staged by Git”