Sign in

— Entrepreneur | Software Engineer | Adventurer — https://xnpg.io/p/marcusthesmith

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

Photo by visuals on Unsplash

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 decided to share my thoughts and opinions here because #FreeSpeech… and maybe also to strike up some good conversation about the especially relevant topic of democracy and liberalism. Seriously, these are pivotal times in how US Citizens and the World think about these fundamental topics and we should not shy…


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.

The PWA Logo

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…


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 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…


Could the Coronavirus death-count include world changing innovation?

Photo by Product School on Unsplash

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…


Using some CSS tricks & the img element you can fit any icon or image intuitively into the frame you want

Photo by pine watt on Unsplash

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…


Vue’s popular custom directive newly implemented and an intro to this key piece of Vue mastery. [updated]

Directing: Photo by Iewek Gnos on Unsplash

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


Taking a simple client side Stripe integration in Vue to the next level

TM www.stripe.com The Stripe name and logos are trademarks of Stripe, Inc. or its affiliates in the U.S. and other countries.

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…


Using Stripe.JS & Elements to create a simple Vue.JS component for capturing card payments.

TM www.stripe.com The Stripe name and logos are trademarks of Stripe, Inc. or its affiliates in the U.S. and other countries.

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…


How to add Bootstrap to Nuxt and customize the SCSS… A guide I wish I had.

Nuxt: https://nuxtjs.org && Bootstrap-vue: https://bootstrap-vue.js.org/

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…


Implement a Stripe web server with Flask, handling credit card charge requests, as your first step on the path to becoming a Stripe power user.

TM www.stripe.com The Stripe name and logos are trademarks of Stripe, Inc. or its affiliates in the U.S. and other countries.

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:
+ Do smart things when writing code to be put in the wild
+ Flask makes a great web app framework if you do it right
+ The Python Stripe library makes sending charges easy
+ The request object is pretty simple and the token handles payment source
+ Flask-CORS, Gunicorn & Heroku make it easy to deploy to the web
+ See my repo in work here

A Next Level Intro

{Nuts…

Marcus Smith

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store