A response to Ben Thompson on liberalism and democracy — TL;DR - Liberalism without democracy is anarchy -Democracy without liberalism is socialism -A priority stack where one supersedes the other is broken Intro In listening to the latest episode of Exponent and reading Ben’s latest post on Stratechery I realized that I actually disagreed with him and even James for once. I…

Understanding Progressive Web Apps (PWAs), who’s using them, and why you should know about them. If you want to build an App, read this first. — TL;DR: +PWA: Progressive Web App: browser app with superpowers +Downloading PWAs looks a little different on every OS +PWAs run on simple browsers and a background service worker +PWAs can do most things but miss out from some hardware stuff +PWAs are gaining momentum, especially with streaming games +PWAs will take over the world, bring…

The publication for all founders on every journey. Share your story with peers on the entrepreneurial path or glean from other founders’ trial by fire. — Welcome friends; Axon Collective is launching our new story-based entrepreneurial publication called the Founder’s Forge. It is meant to be a periodic reflection on the untainted experience of founders in the midst of their journey. This was a concept (not original to ourselves) that we started playing with when working…

Could the Coronavirus death-count include world changing innovation? — TL;DR: +COVID-19 is a globally spreading virus +It has already had a large economic impact +The casualties go beyond to Entrepreneurs & Creatives +We hope this creates a place for discussion & support +Do what you can to help out a founder or creative Intro {Get to the point? Skip to…

Using some CSS tricks & the img element you can fit any icon or image intuitively into the frame you want — TL;DR: +<img :src=”imageVal” alt=”img” class=”image-fit”/> +.image-fit{ height: 100%;width: 100%; object-fit: cover;} Intro: This is a short one. I was playing around with user icons for my web-app and couldn’t quite decide the best way to get any image size (no cropping necessary) to peek through whatever frame I gave it. I…

Vue’s popular custom directive newly implemented and an intro to this key piece of Vue mastery. [updated] — TL;DR: +Custom Directives allow for reusable interactions with elements +Register directives with Vue.directive(‘directive-name’, directiveObject) +Use directive with v-directive-name:arg.modifier.modifier2=”value” +The arg, modifier, & value all provide ways of passing the directive data +Directives operate by calling functions on lifecycle hooks +The function receives arguments: el, binding, vnode & oldVnode +Access passed data with binding.arg, b…g.value & b…g.modifiers +Access the…

Taking a simple client side Stripe integration in Vue to the next level — Disclaimer: This article is not affiliated with or sponsored by Stripe. It is uniquely relaying my knowledge and experience as an independent developer integrating the Stripe services into my platform. TL;DR: +You can do a lot to make Stripe elements better, read the article for more More Intro {Nuts & Bolts start…

Using Stripe.JS & Elements to create a simple Vue.JS component for capturing card payments. — Disclaimer: This article is not affiliated with or sponsored by Stripe. It is uniquely relaying my knowledge and experience as an independent developer integrating the Stripe services into my platform. TL;DR: + Your use case may not require Stripe Elements, check first + If you have JavaScript you can implement Stripe, I…

How to add Bootstrap to Nuxt and customize the SCSS… A guide I wish I had. — TL;DR: +npm install bootstrap-vue +nuxt.config.js>module.exports={modules: [‘bootstrap-vue/nuxt’]} +npm install sass-loader +npm install node-sass +add sass-loader rules to nuxt.config.js (see below) +stop bootstrap import in nuxt.config.js (see below) +add css property:module.exports={css:[‘@/assets/scss/custom.scss’]} +add custom.scss file at designated path +add SCSS variable modifications +import boostrap scss file