Executing Dynamic Code in a Reveal.js Presentation

/ / No Comments
Please take what follows with a Titanic-sized grain of salt and do your best not to do what I did, but despite that, I thought this little hack was interesting and I figured I’d share it anyway. I typically use Reveal.js for my presentations, especially when talking about the web platform, as it makes it easy to do slides and demos, all in my browser. Usually when I want to embed live code in a slide, I just use a CodePen embed. While this works well, sometimes it feels like overkill for real short code samples. I wondered if it would be possible to execute code directly in the slide itself such that I could show a one-liner in the slide, and then the result after. This is what I came up... more →
Posted in: JavaScript Tagged with: , , , ,

Next Code Break – Blogging with Eleventy

/ / No Comments
Hey folks – my next <Code><Br> will not be this Tuesday as I’ll be presenting at API World (assuming American gets me there today) so I’ve pushed back the livestream till Thursday, November 7th. Usual time – 12PM CST. You can read more about the event here: https://cfe.dev/talkshows/codebreak-11072024/ I’m going to be discussing Eleventy and building a basic blog. I’ve wanted to cover Eleventy on my show for a while but was waiting for 3.0 to come out. Now that it has – I can’t wait to introduce it to folks. Hope to see you there! Raymond Camden… more →
Posted in: JavaScript Tagged with: , , , ,

Take a Code Break Tomorrow

/ / No Comments
Just a quick note to my faithful readers out there – tomorrow, October 22nd, at 12PM CST (Cool Standard Time), I’ll be hosting my next episode of <Code><Br>: In the previous stream, I talked about charting with JavaScript, specifically using Chart.js. In this followup, I’ll attempt to use another library so we can compare and contrast. I don’t know about you, but that sounds like a lot of fun. (I really enjoyed the last stream.) And with this being the last stream before Halloween – I may even dress up! Raymond Camden… more →
Posted in: JavaScript Tagged with: , , ,

Next Code Break – August 6

/ / No Comments
Hey folks, earlier last month, I mentioned a tweak to my <Code><Br> schedule, and originally I was going to have one today, but that has been pushed out to August 6th. You can find out more here: Hacking Arduino Hardware as a Noob Pt. 2 My plan is to continue showing Arduino/web integration and I’ve got an interesting bug to share. (I love it when I make mistakes that are good lessons!) I hope to see you there! Raymond Camden… more →
Posted in: JavaScript Tagged with: , , ,

Advanced Code Display with Code Detection API (Sponsored)

/ / No Comments
Web apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It’s important that we validate the contents we receive but if you do allow arbitrary text, it’s good to know what exactly has been submitted so you can present it properly. Enter the Code Detection API — an API that allows you to detect code in text! Quick Hits Detects code block inside arbitrary text input Proposes the detected language and formats input accordingly Supports dozens of programming languages Excellent documentation with numerous code examples Helps to format communications between remote employees Start for free! Brought to you by APILayer, the amazing API... more →
Posted in: JavaScript Tagged with: , , , ,
1 2