Code Buckets

Buckets of code

Fading text in and out with React

The Task I want to fade text in and out of a React app. I’m populating a series of quotes from an API and I want them to change gracefully. The Demo App The demo is a React application showing…

Bootstrap Modal Dialog in React without JQuery

The Task I want the modal dialog component working in a React project. My React project uses function components and hooks but it would be the same with class components. The Problem To show the modal I need to call…

In Praise of the Marquee Tag

I’ve created a few internal tools for various tasks over the years. I tend to pop a web front end on them. I also like to pop on a marquee tag somewhere nice and visible so I can marvel at…

70-480 Programming in HTML5 with JavaScript and CSS3 – Study Notes

I recently took MS exam 70-480 (and passed and was surprisingly delighted). So before the good feelings dissolve away I thought I would publish a few notes and useful links. I’m not going to be comprehensive but I’m just going…

Better Numeric Range Input with ASP.NET MVC, HTML5 and JQuery

The Sin I recently wrote this horrible code to generate a drop down box to select any number from 1 to 12. Html.DropDownList(“ddlClockHours”, new List<SelectListItem> { new SelectListItem {Text = 1.ToString(), Value = 1.ToString()}, new SelectListItem {Text = 2.ToString(), Value…