Sizzy – The Browser for Developers | Hacker News Reader

Sizzy – The Browser for Developers

sizzy.co

16 pointssimonpure21 comments

Does this actually include multiple browser engines, or is its simulation of multiple devices just a matter of resolution presets?

From the FAQ way down the bottom of the page:

"""

Will I get the same result as I would on a real device?

Sizzy simulates the viewport and user agent of each device, so the results should be the same as what you would see on a real device.

However, Sizzy cannot simulate different browser rendering engines, so there's a chance that there might be some minor differences when testing on a real device.

"""

"Exactly the same, except for the thing that makes them fundamentally different. Nothing we can do about that."

This should be a Chrome DevTools extension. On that note, isn't this feature already built into Chrome DevTools?

I've seen this in Firefox dev tools. Can't seem to find it now.

They moved it to the console under a gear icon.

Thanks. It's under dev tools > console > the phone logo > responsive

You can't view multiple devices simultaneously in Chrome

Sizzy started as an extension, but the extensions API is not powerful enough for all the stuff that we’re doing. Please check out what Sizzy can do before you say “this feature”, because there’s plenty of features that differentiate Sizzy from any other browser. We’re really trying to make the most useful browser for developers.

Even though it doesn’t simulate multiple engines, it simulates resolution, pixel ratio, user agent string, browser UI, OS UI, device frame etc. So it gives you a much more accurate representation of what your website would look like than any other browser out there.

Also, simulating devices is one of the features, even if you don’t care about responsive design, there’s plenty of features that can speed up your development work.

Let me know if you have other questions!

Hey everyone! Creator of Sizzy here. I’d appreciate if before you reach conlcusions of the functionality of Sizzy you check out the landing page (sizzy.co) or the changelog page (sizzy.co/changelog)

We’re really trying to make the best browser for developers and we’d be so happy if you give it a chance.

There’s a lifetime deal for Sizzy on Dealify: https://www.dealify.com/sizzy/

Instead of a subscription, it’s a one-time purchase for $69, with a 30-day refund period if you’re not happy with the purchase.

Let me know if you have other questions!

My biggest need for an emulator like this is to see the keyboard invoked when using a form. A very specific use case: I’m working on a typeahead UX for a Search input, and how this behaves on a device with a screen based keyboard is hard to emulate in dev tools from desktop browsers... I really want to see what happens when you :focus on an input element and see how much space exists between the field and the open keyboard. If it does that I’m in! As an example Nike.com has a great search UX and is the right way, other sites have a jumpy experience and don’t leave enough room for search suggestions... but this isn’t about whether that’s a good idea or not, I just want an easier way to build that experience. (I’m not affiliated with Nike or that site.)

I prefer the open-source equivalent https://responsively.app/ which is improving much faster due to community contributions.

Both websites are filled with obnoxious scroll animations. <BLINK> for the 21st century.

Neither site responds to the 'prefers-reduced-motion' request either.

Tangent: as I've only recently learned about 'prefers-reduced-motion, I've become a bit obsessive about checking whether animation-heavy websites respect the request. Many websites, sadly, don't bother about it.

First time I've heard about it, but I'm glad it exists. Although I feel like designers who are aware of it, probably know better than to cram as much animation into their sites as possible.

Creator of Sizzy here. Please don’t say equivalent because we have at least 50 features that differentiate us from any other “alternative” out there. Unlike the others, Sizzy is actually a company with employees who care about their users.

You can check out our recent updates here: http://fungarzione.com/sizzy

I'm not sure if you have a script messing with scroll behavior or it's just sort-of broken lazyloading, but that page is quite annoying to read.

This is great actually, thanks. I tried Sizzy but I really don't use it as much to justify paying every month even tho it's a "small" amount. I did also make a 1 time purchase of SlashB but it's riddled with issues and the development seems to have been paused and as much as I want to like it I can't.

Really at the end of the day I just want to see quickly what that change I just made looks across a few resolutions (mobile, common laptop and 1080p) without fumbling with window sizes, that's all. I don't need a million features that I will never use.

Seems this launched as OSS but isn't anymore

https://news.ycombinator.com/item?id=14227752

Yup, I wrote about it here: https://kitze.io/posts/github-stars-wont-pay-your-rent

Now that Sizzy is a company, we can put more time and money into the product. We ship an alpha version every day, and a stable version every week.

Changes are listed here: https://fungarzione.com/sizzy

Reply on news.ycombinator.com