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.
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.
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.
I just looked at Responsive Design Mode in Firefox Developer Tools and they also have a list of 16 devices with resolutions (Chrome has 29). There is a lot of overlap in the two lists, but using those would tie into a common tool we use to view sites on different devices.
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.