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 your manifest & service worker
+Doing PWAs right is a bit more complicated than a nice manifest

Intro

PWA… You may have heard this term before and it’s possible you thought it was just some newfangled fad technology. I’m here to tell you otherwise. Most articles…

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 on our first startup idea. We believe that it creates a valuable space for entrepreneurs to share their successes and struggles, both for retrospection and requesting feedback. We want to unify these efforts so that founders have more visibility & community to share in their journey.

Why are we launching…

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 The Startup & Creative Casualties} I ended yesterday with a notification that the SXSW (South By Southwest) event our platform was debuting in was getting cancelled. Followed by my co-founder’s text saying that Capital Factory canceled all of their SXSW networking and startup promo events. This sucks, let me tell…

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 wanted it to be simple, clean and just work. I believe I have finally landed on the cleanest solution, but if you feel otherwise please feel free to say so in the comments. Hopefully this saves someone the time I spent messing around with it.

<img/> + :src — Injecting Your Image

If you are using Vue…

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 …

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 in Improving Process}

I already covered the essentials of integrating Stripe into your Vue client in my last article, you will want to start there if you haven’t already. This article contains several nuggets about improving the usage of Stripe elements in your web app. You can obviously get by…

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 just prefer Vue
+ Vue is basically just a Java Script library, check their documentation
+ Stripe is a secure transaction service, so it can be a little opinionated
+ Stripe only takes a few methods and pieces of data to function
+ Read below in Adding Stripe if you want specifics…

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

Intro

I’ve started digging into NuxtJS for a project and one of the key elements is getting Bootstrap integrated with a custom theme. There are obviously right ways and wrong ways to do this, and I wanted to pin down the best one. I think I found it, but not without some extra digging and messing things up…