All the Other Projects
These projects are just a random collection of ideas I might have worked on without being able to categorize them with other projects.
- Cdc Over The Years Different Length Content
- A timeline tour of the CDC Homepage since 1997 - this one has different length content. more …
- Open Bootstrap 4 Modal near Button
- Bootstrap 4 modals open in the middle of the screen by default. This is normally fine, but in this instance I wanted them to open near the button that called it. more …
- Bootstrap 4 Arrow Badges
- Bootstrap 4 comes with badges, this demo includes CSS to turn them into arrows more …
- Cdc Over The Years
- A timeline tour of the CDC Homepage since 1997 more …
- Emoji Picker!
- An emoji picker more …
- Focus Indicator
- The ability to highlight an element or component with a focus indicator is a major contributing factor to making a page Section 508 accessible. The default browser indicator can vary depending on the users operating system, and the browser they use. more …
- Fontastic Demo Page
- more …
- Form Input Obfuscation
- Some forms provide some basic security through obfuscation, essentially preventing prying eyes from seeing your input. This is most commonly used on social security number inputs, but it can be used for anything. This demo provides four methods for obfuscation, by changing the input values to asterisk's, though it could be any character you choose. more …
- Instagram Zoom
- I stumbled across the ability to zoom in on images in Instagram the other day ("Hey, would you look at that!"), and thought it'd be fun to recreate it. more …
- Live Previews
- I create a lot of demo content which always need corresponding documentation. I'm a big fan of keeping both the demo and the documentation together, since one or the other will inevitably become lost and/or separated. As part of this effort, I wanted a way to display the demo within the documentation in manner that was useful. more …
- Mobile Share Bar v2
- This is a 2020 version (version 2) of the share bar that is only available in mobile. The share bar will only be visible if the user is over 100 pixels from the top of the page, and scrolling up. There's also an event for displaying it on resize if the scroll position far enough down the page. more …
- Mobile Share Bar
- This is a 2020 version of the share bar that is only available in mobile. The share bar will only be visible if the user is over 100 pixels from the top of the page, and scrolling up. There's also an event for displaying it on resize if the scroll position far enough down the page. more …
- Number to Time converter
- Jira auto-converts numbers into time for time tracking. An example of this would be 1.5 converts to 1 hour and 30 minutes. I thought re-creating that would be a fun exercise, so here's what I came up with. more …
- Org Chart
- more …
- Table Style Module with ARIA attributes
- more …