[sd8dgf8ds8g8dsg]

Not sure why make a whole website of this

    w := 1900
    h := 1200
    divisor := gcd(w, h)
    aspect := fmt.Sprintf("%d:%d", w/divisor, h/divisor)

    func gcd(x, y int64) int64 {
        for y != 0 {
            x, y = y, x%y
        }
        return x
    }

[suprfnk]

Because my non-programmer friend can use a website, but not write a program.

[52-6F-62]

This. I work in media. Just passed this along to a few designer friends, and even non-designers who work with magazine design teams and regularly have to translate images and resize/crop them for mobile and web.

edit: They're already happy to have it in their back pocket.

[ryanhefner]

Exactly.

[johnhenry]

Worth mentioning that the page makes it explicit that it uses this library: https://github.com/ryanhefner/calculate-aspect-ratio/blob/ma...

[ryanhefner]

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.

[nottorp]

He/she/it hasn't heard of 1920x1200 :) All those devices are 16:9 i think?

[ryanhefner]

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

[suprfnk]

The maximum scaling option in macOS for 15" retina MacBook Pro's (all 15" retina models since 2012) is 1920x1200. So it's probably used quite a lot.

https://www.apple.com/macbook-pro/specs/

Select 15" and scroll to Display section.

[schemathings]

Might be nifty to just match the list of devices in Chrome Inspector ..?

[schemathings]

This may also be of interest .. https://stackoverflow.com/questions/30610143/why-does-google...

[schemathings]

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.

[nottorp]

My monitor, for example. Or do you only design for phones? I'm afraid I'll close your sites sight unseen if you do them that way.

[sp332]

My 2008 Dell Studio 15 laptop :)

[ryanhefner]

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

[ryanhefner]

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?

[sp332]

Yeah, I like this idea. It's kind of what I was expecting before I visited the page.

[stephenr]

Have an upvote.

The limit on ridiculous things people will somehow make into a "web service" knows no bounds.

[ryanhefner]

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.

[stephenr]

The upvote was for `sd8dgf8ds8g8dsg`

> just a reference tool, along with an NPM module you can use.

Why does ~6 lines of basic logic need an NPM module?

[ryanhefner]

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.