Dress to Impress, a big fancy Neopets customization tool!
Emi Matchu
b2a23b3e7b
I couldn't find a library for this functionality that didn't require jQuery, and I don't want to be adding *more* jQuery requirements. So, I decided to throw together my own! The `<magic-magnifier>` component copies its contents into a "lens" element, then uses basic JS to track mouse position, then uses CSS to move the lens and its contents into a helpful position. One thing I noticed here is that the zoom is a bit crunchy because we're using PNG images, and it's hard to zoom in even further than we already are. I might try switching this UI to use the SVG images by default instead? |
||
---|---|---|
.devcontainer | ||
.husky | ||
app | ||
bin | ||
config | ||
db | ||
deploy | ||
lib | ||
public | ||
spec | ||
test | ||
vendor | ||
.eslintrc.json | ||
.gitignore | ||
.rspec | ||
.ruby-version | ||
.solargraph.yml | ||
.yarnrc.yml | ||
config.ru | ||
falcon.rb | ||
Gemfile | ||
Gemfile.lock | ||
LICENSE.md | ||
package.json | ||
Procfile.dev | ||
Rakefile | ||
README.md | ||
yarn.lock |
Dress to Impress
Oh! We've been revitalizing the Rails app! Fun!
There'll be more to say about it here soon :3