Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists by Danjohnsonnj
A curated list of projects in awesome lists by Danjohnsonnj .
https://github.com/danjohnsonnj/blur-up
Implementation exploration of blur-up progressive image loading.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/boilerplate
This project creator uses webpack 4 and Babel 6, and LESS as a CSS preprocessor. Bring your own web server and use the NPM watch scripts to make it easier to see your changes.
babel babel-es6 boilerplate cli es6 less lesscss webpack4
Last synced: 18 Dec 2024
https://github.com/danjohnsonnj/vdbg
Let's use the YouTube API to make a functional video background for a site. Too much time building a crappy config UI, but it's functional and has lots of goodies.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/srcset-test
A simple example to test the use of the image element's "srcset" attribute
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/image-reveal-poly-clip
Experimenting with creating a dynamic clip path to reveal an image in "strips". Also initially at a pen here: https://codepen.io/danjnj/pen/BMBqPM
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/background-sounds
Learning to use Web Audio API, with browser cache to mimic a small PWA
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/animate-scrollto-es6
Animate page scroll to an arbitrary X and Y
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/cubic-bezier-exploration
In order to more deeply understand how cubic bezier curves work, I built a simple UI to play with the points that make the curve. Of course, Chrome's Dev Tools curve tool is far superior, but this is hand crafted by an artisan, so...
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/cube-gallery-custom-elements
I wanted to play with custom elements, so I thought I might as well play with CSS custom properties (variables), the Shadow DOM, and some 3D transforms. All in vanilla ES2015+, so Chrome-only at the time of the first publishing.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/eased-smooth-scroll
Ensure smooth scrolling for scrollTo, scrollBy and scrollIntoView. Uses native browser API if available.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/covid-19-tracker
Display latest data from covidtracking.com for various states. Available at https://danjohnsonnj.github.io/covid-19-tracker/index and https://danjohnsonnj.github.io/covid-19-tracker/historic
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/css-scroll-animations
Recreate JS based scroll animations using the new CSS APIs, plus some additional leading edge CSS features.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/translate-blur
Testing scenarios for blurry text as a result of CSS translates for horizontally and/or vertically centering text.
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/scriptable-app-scripts
A collection of Scripts written for the iOS Scriptable App (https://apps.apple.com/us/app/scriptable/id1405459188, by Simon B. Støvring)
Last synced: 22 Jan 2025
https://github.com/danjohnsonnj/sample-colors-from-image-upload
Upload an image and it will be analyzed to determine average colors based on the squared number of specified samples and the radius around each sample. This will draw a grid of those averaged colors, as well as a radial gradient version.
Last synced: 22 Jan 2025