JBJS Bits with Billinblog.jsbits-yo.com路Feb 14, 2022 路 2 min readCoding a Hank Hill HotkeyToday we'll be coding a hotkey easter-egg for your website that will display a random Hank Hill image in your viewport. This will prove to be an essential feature that will delight your visitors, optimize the user experience, and improve your convers...00
JBJS Bits with Billinblog.jsbits-yo.com路Nov 18, 2021 路 2 min readHTML <dialog>HTML's <dialog> element is a built-in tag to represent a dialog box or modal. It's not just a newer semantic element, it also includes an API and its own special CSS. Here's a video using <dialog> in action: How to use it To start, we add our <d...00
JBJS Bits with Billinblog.jsbits-yo.com路Nov 10, 2021 路 1 min readEasy console.log() inside one liner functionsLet's say we want to log obj inside this .map() function here: const arr = [ { val: 1 }, { val: 2 }, { val: 3 } ]; const nums = arr.map(obj => obj.val*2); Well, dang! Now we have to convert this to a multi-line function, right? const nums = a...00
JBJS Bits with Billinblog.jsbits-yo.com路Nov 4, 2021 路 1 min readWhat JavaScript looked like in 1996Check out this very early JavaScript guide book I got from eBay. It was released in 1996 and is only the beta edition back when JS was just born! 馃懚 Definitely a piece of history. See the short video here. Yo! I post byte-sized tips like these often...00
JBJS Bits with Billinblog.jsbits-yo.com路Oct 29, 2021 路 2 min readCreating a Text-To-Speech program in Vanilla JSIf you haven't been too traumatized from using a Microsoft browser, you might have discovered Edge's built-in "Read Aloud" feature which will speak the highlighted text out loud right in your browser: As of now, Chrome has no such feature so we're g...00