Joel Masters – Medium

Jun 19, 2021

How to record video from a camera using OpenCV on Mac

OpenCV has several nuances and silent fails that makes recording videos from cameras difficult and frustrating. Here’s how to record from a camera: import cv2 cap = cv2.VideoCapture(0) fourcc = cv2.VideoWriter_fourcc(*'XVID') w = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH)) h = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT)) out = cv2.VideoWriter('output.mp4', fourcc, 20.0, (w,h)) while(cap.isOpened()): ret, frame = cap.read() if ret: out.write(cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)) if cv2.waitKey(1) & 0xFF == ord('q'): break else: break

Opencv

1 min read

Opencv

1 min read

Feb 24, 2021

How to get the path of a local file in Electron.js

Getting the path of a local file in Electron.js may be easier than you think. Here are the steps: Step 1 of 2: Add an <input> element to index.html In your index.html, add an <input> element: // index.html ... <input type="file" id="file-input"> ... Step 2 of 2: Add a change handler for the <input> element in index.js In your index.js file, add an event handler: // index.js ... document.getElementById('file-input').addEventListener('change', function() { console.log(this.files[0].path); }); ...

Electronjs

1 min read

Electronjs

1 min read

Published in

Nerd For Tech

·Jan 27, 2021

Build a Next.js Website With Custom Domain in 10 Minutes

In this tutorial, we’re going to use create-next-app, Github, Netlify, and namescheap to deploy a Next.js static website with a custom domain name. Next.js is a “production ready” library that uses React, with added benefits such as server-side rendering and routing out of the box. …

Nextjs

4 min read

Nextjs

4 min read

Nov 19, 2020

Build an Online Sentiment Analysis Tool with ml5.js and React in 10 Minutes

Sentiment analysis is one of the popular applications of machine learning. We’re going to use the ml5.js library (which is a wrapper around tensorflow.js)along with React to create an online sentiment analysis tool. First, we’ll import the ml5.js library. Then, we’ll add some UI elements to interact with ml5.js. Then…

React

2 min read

React

2 min read

Nov 9, 2020

Build a React Website With Custom Domain in 10 Minutes

In this tutorial, we’re going to use create-react-app, Github, Netlify, and namescheap to deploy a React website with a custom domain name. There are certainly other options for domain name registration and site hosting, but Namescheap provides the least expensive domains I’ve found, is easy to work with, and also…

Reactjs

4 min read

How to Build and Deploy a React Website With Custom Domain in 10 Minutes

Reactjs

4 min read

Oct 30, 2020

Build a Native(ish) React App in 5 Minutes

So you have a great idea for an app, but you don’t want to have to go through the App Store or the Google Play Store to get it on your phone. …

React

2 min read

React

2 min read

Sep 28, 2020

SolidWorks View Shortcuts

One of the greatest challenges beginners face when working in 3D CAD programs such as SolidWorks is simply how to orient themselves in the 3D environment — panning, zooming, rotating, and changing views. Here are some standard shortcuts to orient yourself: f: to fit the model to the screen. If you find your view far away from your model, f (fit to screen) is your friend. Ctrl+7: Isometric view Ctrl+8: Normal to surface

1 min read

SolidWorks — Navigating the 3D Landscape

1 min read

Jun 16, 2019

Setting up ESLint for NextJs

ESLint requires a few additional configurations to be set up optimally for use with Next JS. To start off with, install eslint, eslint-plugin-react, npm i --save-dev eslint eslint-plugin-react Next, create a .eslintrc file using the following: eslint --init Use the arrow keys to select: Use a popular style guide ->…

JavaScript

1 min read

JavaScript

1 min read

Feb 20, 2018

Dynamically Added Remove-able Content With jQuery

Perhaps you are creating a to-do list, shopping cart, or something else that dynamically adds elements to the screen, but also requires the ability to remove them when users change their minds. This can be done as follows: Let’s begin with a <button> to press to add content to a…

JavaScript

2 min read

JavaScript

2 min read

Jan 13, 2018

How to reference dynamically created elements with jQuery

If your HTML looks like: <body> <div id="my-div"> </div> </body> And you add an element dynamically through jQuery: $('#my-div').append('<button id="my-button">My Button</button>'); To add a click function to the button, do: $('#my-div').on('click', '#my-button', function () { alert('Hello World!'); }); JSFiddle: https://jsfiddle.net/wwgfcg1u/3/

JavaScript

1 min read

JavaScript

1 min read