By now, you should have heard of ChatGPT and the AI craze. As a senior web developer, I am not spared from the curiosity of “how to add an AI to a website” either. So, I did some research on the Internet, only to be disappointed with an endless flood of “guides” that exaggerate “the …
So you have heard of “paid text to speech AI services”, and wonder if there are free alternatives? The answer is yes. Several of those paid services are actually based on open-source models, just fine-tuned. Let us walk through installing Coqui TTS, one such “free AI text to speech” library in this guide – Read …
Free Python Text To Speech With Coqui AI (Simple Guide) Read More »
Welcome to a tutorial and example on how to implement WebAuthn in PHP. So you have heard that it is possible for web apps to authenticate using biometrics, “face login”, NFC token, USB passkey, and whatever “passwordless” means. The magic behind is actually the Web Authentication API. In the simplest manner, the Web Authentication API …
Simple PHP WebAuthn (Biometric, NFC, Passkey, ETC…) Read More »
Welcome to a tutorial on how to detect AdBlockers with Javascript. Having trouble with AdBlockers and want to recover some of those lost revenue? The common ways to detect adblockers in Javascript are: Attempt to load the headers of an ad library, check if the request is blocked. Load a dummy Javascript ad library, check …
3 Ways to Detect AdBlockers in Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to convert an image to text in Javascript. Yes, image-to-text has already been around for some time, and it is called “Optical Character Recognition” (OCR). There is an open-source OCR library called TesseractJS that we can use: async conv () { const worker = await Tesseract.createWorker(); await worker.loadLanguage(“eng”); await …
Javascript Image To Text With OCR (Simple Examples) Read More »
Welcome to a quick tutorial on how to create a one-time password (OTP) in PHP and MySQL. Need extra security for ordering, confirmation, payments, or transactions? An OTP process in PHP typically involves: Generating a random OTP on request. Save it into the database, and send it to the user. The user accesses a challenge …
Welcome to a tutorial on how to convert the image file format in PHP – From JPG to WEBP, from PNG to JPG, from PNG to WEBP, and whatever else. To convert JPG to WEBP in PHP: Open the original image – $img = imagecreatefromjpeg(“IMG.JPG”); Set the color palette – imagepalettetotruecolor($img); Convert and save the …
So you are trying to implement “login with Google” in your project, only to find confusing documentation all over the Internet? Well, let’s simplify the steps here. Create a new project at the Google API dashboard, set up OAuth consent, and get the API credentials. Using the Google API client library, create a “login with …
Welcome to a tutorial on how to display code snippets in HTML. Want to present or share some code snippets on your website? Just like how it is being done right here on Code Boxx? Well, it really isn’t that difficult. To display code snippets in HTML: Convert the code snippet into HTML entities, this …
Welcome to a tutorial and example of how to create a simple vertical timeline using pure CSS. Yes, there is a ton of timeline plugins on the Internet, but nothing beats having the knowledge to build one yourself and the power to style as you please. So here it is, let us walk through a …
Simple Pure CSS Responsive Timeline (Free Download) Read More »
