danjohnsonnj Goto Github PK
Name: Daniel Johnson
Type: User
Company: Squarespace
Bio: Engineering team manager @Squarespace.
Location: NYC
Blog: http://danjnj.com
Name: Daniel Johnson
Type: User
Company: Squarespace
Bio: Engineering team manager @Squarespace.
Location: NYC
Blog: http://danjnj.com
Animate page scroll to an arbitrary X and Y
Learning to use Web Audio API, with browser cache to mimic a small PWA
Implementation exploration of blur-up progressive image loading.
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.
A simple command line tool that lets you bulk download images from Unsplash
A web implementation of cinemagraph
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
Recreate JS based scroll animations using the new CSS APIs, plus some additional leading edge CSS features.
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.
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...
Ensure smooth scrolling for scrollTo, scrollBy and scrollIntoView. Uses native browser API if available.
Server plugin for homebridge
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
Javascript easing functions based upon jQuery's easing functions, using Robert Penner's easing equations.
Media Source Extensions Tutorial
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.
A collection of Scripts written for the iOS Scriptable App (https://apps.apple.com/us/app/scriptable/id1405459188, by Simon B. Støvring)
Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).
A simple example to test the use of the image element's "srcset" attribute
Testing scenarios for blurry text as a result of CSS translates for horizontally and/or vertically centering text.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.