ryanhefner

Hi, Pkg Stats is a little tool that evolved from a quick day project that I threw together to help me monitor the downloads of my published packages. I wanted a way to easily scan how my packages were being used, and help me prioritize which of them I should focus on.

It was also an example project to help get my feet wet with Next.js + React for a client project that was on the horizon, so I decided to expand on it and make it more like a real project with various types of routing and endpoints.

The weird thing is, it’s now become my defacto way to search and browse packages while I’m working on projects since the data is condensed and surfaces more information, I can quickly see how popular and maintained a package is. I hope you find it as useful as I have.

Nice! I actually just released a Chrome extension that makes it really easy to render a grid–that includes a baseline grid–over any site. I hope others find this as useful as I have.

https://chrome.google.com/webstore/detail/grids-by-color-set...

I’ve always loved this concept. I made this back in the day, kind of relevant. https://www.launchclock.co

If you happen to have a product video in your site that has been formatted for a specific phone, you can make sure the container of the video is set as the same aspect ratio of the phone.

I also see the CSS as an add-on, the devices for me are more for reference, but I have used the CSS here and there for some of the Apple phones.

On Product Hunt today, https://www.producthunt.com/posts/aspect-ratio!

Thanks! Yeah, definitely going to be adding more devices and common resolutions.

Also, I thinking that it could be handy to maybe default to the resolution/aspect ratio of the device visiting the page. Would that be handy?

I'll be sure to add that as I expand the listing of devices/resolutions.

Yeah, probably doesn't. I just found myself using it across a couple different projects and seemed like it would be easier than having to copy and paste it everywhere.

Also, it has a command line tool that you can use to get the aspect ratio from width/height. So, not just the code.

Exactly.

Thanks. Yeah, not really a "web service", just a reference tool, along with an NPM module you can use.

Also, I’ll be extending the device/resolutions listing, so hopefully it can be a handy reference for designers/developers.

Yeah, that was the intention. Good to use for placeholder styling until the image/video has loaded. And for things like responsive embeds/iframes.

Yeah, I need to beef up the devices/resolutions listing. What device(s) have 1920x1200?

Yeah, this is really more of a reference and a tool when you’re comparing sizes and confirming they are the same aspect ratio without having to use code. There’s also an NPM module that will do the code part if you need to go that route.

Whoops, just pushed up a fix. Just threw this together and didn't test it like I should have. Should be good now.