Dear Apple, fuck you for the iPad pro, it is probably the hardest device to do web design in mind.

It is at that point where it's screen is technically declared laptop size but just too big for being declared tablet...

Fuck you...

Also fucking over every UI designer by putting out a notched phone with a non rectangular viewport

@woodworks can't ++ this enough as to how much I agree

@bahua I'm designing the site on a PC bit using test devices and the iPad pro is throwing everything out of wack

Sorry just realised how bad the wording is

@lxmcf

Yeah, I realized what you were up to and deleted my comment right after I posted it.

@bahua Haha all good, sorry man

If the screen is big enough, why not just roll out the desktop version of your site to the iPad Pro? Should be reasonably well to use and navigate, or not?

@lxmcf How come? There are just three types, each has a rather distinguishable resolution, so you can target them individually or as a group with media queries. As for UX, the rule of thumb says if it’s meant to be used as a tablet design with tablets in mind, no matter the size...

With Android tablets you have the real problem, not only are the multitude of resolutions wacky, you can connect an external mouse and it totally changes the ball game :D

Sorry, but I have always thought it's stupid to identify devices based on their screen size. It's one thing, but other is how you interact with the device. Whether it is touch device or has mouse pointer for example.

@ClySuva None taken ;) But then, what is your preferred method of device identification to suit css style to a particular format in web design? Share with the class :)

Hard to say. But there are some decisions you have to make based on the screen size and aspect ratio and others based on interaction methods, whether it is touch only, hybrid touch & mouse or mouse only.

@ClySuva Yeah, I thought as much...
It is hard isn’t it? Not as hard as calling it stupid and offering nothing instead ;)

I like you Cly, you should consider having a podcast or something, you know, to share the wisdom :D

I didn't mean stupid as someone doing it is stupid, but stupid like naive from pages perspective.

I mean, you know those sites where you make window slightly smaller to fit several windows on the screen, and the page drops half of the elements and displays touch controls instead.

I am still on my laptop, I just wanted to put two windows on the same screen. I didn't magically gain touch screen because I made window smaller.

Lot of web pages end up sniffing the user agent header to detect which interactive elements to display.