5 days agoMember-onlyCreating Samantha from “Her” by Fine-tuning GPT-3 on the Movie ScriptIf you ever talked to ChatGPT, you know how boring it can be. But even with a carefully crafted prompt, it won’t be as accurate as if you fine-tuned the model on a specific question/answer dataset. If you’ve seen the film Her with Joaquin Phoenix and Scarlett Johansson you know…Chatgpt3 min readChatgpt3 min read
Feb 27Member-onlyAI Car Mechanic — Diagnose Car Issues with new Chat Assistant | OBD Codes, JavaScript, ChatGPT (GPT-3)I always wondered what car mechanics did when they plugged in their laptops to my car and were immediately able to see the issue. This week I decided to get to the bottom of this and build my own AI Assistant, essentially a personal car mechanic I can have a…Cars7 min readCars7 min read
Jan 18Member-onlyChatGPT in an iOS Shortcut — Worlds Smartest HomeKit Voice AssistantEver since I tried ChatGPT and GPT-3, everything else feels painfully dumb and useless: Siri, Alexa, Google Home and all other “smart” assistants. Here’s the shocking thing: you can build your own in less than an hour! My other AI Assistant To demonstrate how you can use assistants like this for other use-cases, I…Smart Home8 min readSmart Home8 min read
Published in Bits and Pieces·Dec 19, 2022Member-onlyI asked ChatGPT AI to write React and JavaScript code — I was shocked!A detailed analysis of my experience using Open AI’s ChatGPT tool to create code — Intro ChapGPT sounds too good to be true, so let’s ask it to write some JS code for us. I want to see if it can tackle tasks I do on a daily basis as a front-end dev. Let’s get straight into it and try to break this thing! :) Building a Modal in React Although…AI8 min readAI8 min read
Sep 12, 2022Member-onlyCSS-only Shopping Basket with a Fully Dynamic Price CalculatorLast week, we took a look at CSS Counters and how we can use them to count elements on the page and dynamically assign ordinal numbers to them: 1st, 2nd, 3rd, nth … Generating Dynamic Ordinal Numbers with just CSS To understand CSS Counters and what we can use them for, what the possibilities and also limitations are, let’s look at…matemarschalko.medium.com To see how far we can push this idea, let’s build a webshop shopping basket where we automatically calculate the price of…Front End Development6 min readFront End Development6 min read
Sep 6, 2022Member-only1st, 2nd, 3rd, nth … Generating Dynamic Ordinal Numbers with just CSSTo understand CSS Counters and what we can use them for, what the possibilities and also limitations are, let’s look at an interesting challenge: try and count DOM elements on the page and label them with dynamically generated ordinal numbers! To start counting we need a few elements on the…CSS6 min readCSS6 min read
Published in JavaScript in Plain English·Jul 28, 2022Member-onlyBuild a Modern Web App Without Frameworks — Classes, Components, & InheritanceNo React, no Vue.js? Is it possible to build a modern front-end app with components, state management, theming, and inheritance? — No React, no Vue.js, no Angular, no jQuery? Is it possible to easily build a modern front-end application with components and state management following all the best practices with just plain old vanilla JavaScript and using classes, inheritance, and adding more advanced architectural patterns like a store and a reducer?Frontend27 min readFrontend27 min read
Jul 11, 2022Member-onlyLet’s build a CSS grid system from scratchThe animated CSS clocks showed us that we can use calc() and CSS for pretty complicated animations and calculations and we have learned a lot from these examples, however, the real-world use of an analog clock may be questionable. …Css Grid14 min readCss Grid14 min read
Published in Better Programming·Jul 4, 2022Member-onlyAdvanced Form Validation With Only HTML and CSSLet’s build a simple form and look at all the HTML and CSS validation techniques we can use and then even submit the form! — Last week we built an advanced input field that was interactive and animated and even included some self-validation and we used no JavaScript at all! The focus was mainly on the mouse and keyboard interactions and styling depending on validation states. But we can do…JavaScript19 min readJavaScript19 min read
Jun 28, 2022Member-onlyAdvanced CSS-only Input Fields — Interactive, Animated, ValidatedThe finished input field will react to being focused and edited and passing or failing validation .. all with no JavaScript at all! The <input> element is one of the most complex elements available in HTML. You can change the type of input field rendered via the type attribute…JavaScript11 min readJavaScript11 min read
