Web Development Tools

A collection of useful tools for the web app developer.

placeholder image image shown on hover
browserinfo

Detect a few useful browser features

window-event-display image shown on hover
window-event-display

capture all the events going to document.window

placeholder image image shown on hover
summation errors

estimate numerical errors when summing numbers in JavaScript

placeholder image image shown on hover
bootsdark

Bootstrap CSS theme that responds to a computer's dark/light mode setting

placeholder image image shown on hover
browser-device-features

client-side JavaScript package that detects several browser device features

placeholder image image shown on hover
bootstrap-ios-modal

Bootstrap modal dialog with the look and feel of an iOS modal

placeholder image image shown on hover
pointerevents

detect pointer and click events sent to a document

placeholder image image shown on hover
console-error-button

display a button when a console error occurs

image gallery overlay sample image shown on hover
image-gallery-overlay

responsive image gallery web component

custom bootstrap card with hover animation image shown on hover
custom-bootstrap-card

A responsive custom card with hover animation effects

cross fade effect with CSS transitions image shown on hover
cross-fade-css-transition

How to perform a cross-fade using CSS `transition`