So, it's been a number of years since I built a full web site. Most of the time, I'll construct a home page and secondary page, then that's passed off to a client's developer to flesh out anything more. Or I simply build one-pages/emails that are tested for basic mobile sizes but not everything.

I'm refreshing my own site and am coming to realize the breadth and scope of possibilities in today's web pages - Desktop, tablets, mobile.. portrait, landscape. Ugh!

That could be a least 10 different scenarios any single web page could be viewed through. Then factor browsers/OS and that 10 gets multiplied for each browser or separate OS which needs testing. I realize that most testing won't show any necessary alterations for all screen sizes.

I'm aware of media queries and how to utilize them to create dynamic content shifting/changes as necessary.

What I'm curious about is what are professional web designers testing and using in 2022?

Are the 5 main viewport sizes - 1440, 1024, 768, 425, 320 - all tested in both portrait and landscape?

Are most popular browsers tested - IE, Chrome, Safari, Firefox?

Essentially, from a design standpoint...

Is there a systematic approach which assists in web building today which may be more than merely ensuring responsiveness? What's the general procedure in use today?

How have things changed in the last 2 or 3 years? If there's been any change.

Has new software come on the market that's made things easier or streamlined some aspect and how it is useful? (i.e. XD, Figma)

Note, I'm not referring to markup or development. Obviously, if testing a design, at a minimum CSS and HTML need to be considered. But I'm not seeking any markup assistance. Rather I'm more curious about any helpful procedures or workflows others may have in place.

I'm essentially seeking a "crash course" or explanation in any web building changes over the past few years - best practices, new methods, new pitfalls, etc.

It's been a number of years since I built out a full web site. 

Most of the time, I'll construct a home page and secondary page, then that's passed off to a client's developer to flesh out anything more. Or I simply build a single landing page or email. These are tested for basic responsive sizes but not everything - my web work is generally more direct sales driven than it is "business presentation" or "trade dress" in nature.

I'm refreshing my own site and am realizing the breadth and scope of possibilities for today's presentation oriented web sites - Desktop, tablets, mobile.. portrait, landscape. Ugh!

That could be a least 10 different scenarios any single web page could be viewed through. Then factor browsers/OS and that 10 gets multiplied for each browser or separate OS which needs testing. I realize that a great deal of testing won't show any direct need for alterations in all screen sizes.

I'm aware of media queries and how to utilize them to create dynamic content and shifting/changes as necessary.

What I'm curious about is what are professional web designers testing and using in 2022?

Are the 5 main viewport sizes - 1440, 1024, 768, 425, 320 - all tested in both portrait and landscape?

Are most popular browsers tested - IE, Chrome, Safari, Firefox?

Essentially, from a designers standpoint...

Is there a systematic approach which assists in web building today which may be more than merely ensuring responsiveness?

What's the general procedure in use today?

How have things changed in the last 2 or 3 years? If there's been any change.

Has new software come on the market that's made things easier or streamlined some aspect and how it is useful? (i.e. XD, Figma)

Note, I'm not referring to markup or development. Obviously, if testing a design, at a minimum CSS and HTML need to be considered. But I'm not seeking any markup assistance. Rather I'm more curious about any helpful "new-ish" procedures or workflows others may have in place compared to 3-5 years ago.

So, it's been a number of years since I built a full web site. Most of the time, I'll construct a home page and secondary page, then that's passed off to a client's developer to flesh out anything more. Or I simply build one-pages/emails that are tested for basic mobile sizes but not everything.

I'm refreshing my own site and am coming to realize the breadth and scope of possibilities in today's web pages - Desktop, tablets, mobile.. portrait, landscape. Ugh!

That could be a least 10 different scenarios any single web page could be viewed through. Then factor browsers/OS and that 10 gets multiplied for each browser or separate OS which needs testing. I realize that most testing won't show any necessary alterations for all screen sizes.

I'm aware of media queries and how to utilize them to create dynamic content shifting/changes as necessary.

What I'm curious about is what are professional web designers testing in 2022?

Are the 5 main viewport sizes - 1440, 1024, 768, 425, 320 - all tested in both portrait and landscape?

Are most popular browsers tested - IE, Chrome, Safari, Firefox?

Essentially, from a design standpoint...

Is there a systematic approach which assists in all the testing which may be necessary?

Note, I'm not referring to markup or development. Obviously, if testing a design, at a minimum CSS and HTML need to be considered. But I'm not seeking any markup assistance. Rather I'm more curious about any helpful procedures others may have in place.

So, it's been a number of years since I built a full web site. Most of the time, I'll construct a home page and secondary page, then that's passed off to a client's developer to flesh out anything more. Or I simply build one-pages/emails that are tested for basic mobile sizes but not everything.

I'm refreshing my own site and am coming to realize the breadth and scope of possibilities in today's web pages - Desktop, tablets, mobile.. portrait, landscape. Ugh!

That could be a least 10 different scenarios any single web page could be viewed through. Then factor browsers/OS and that 10 gets multiplied for each browser or separate OS which needs testing. I realize that most testing won't show any necessary alterations for all screen sizes.

I'm aware of media queries and how to utilize them to create dynamic content shifting/changes as necessary.

What I'm curious about is what are professional web designers testing and using in 2022?

Are the 5 main viewport sizes - 1440, 1024, 768, 425, 320 - all tested in both portrait and landscape?

Are most popular browsers tested - IE, Chrome, Safari, Firefox?

Essentially, from a design standpoint...

Is there a systematic approach which assists in web building today which may be more than merely ensuring responsiveness? What's the general procedure in use today?

How have things changed in the last 2 or 3 years? If there's been any change.

Has new software come on the market that's made things easier or streamlined some aspect and how it is useful? (i.e. XD, Figma)

Note, I'm not referring to markup or development. Obviously, if testing a design, at a minimum CSS and HTML need to be considered. But I'm not seeking any markup assistance. Rather I'm more curious about any helpful procedures or workflows others may have in place.