I'm just testing the new redesign. It appears that this design is not responsive and fit very badly on window smaller than 1000px. At minimum, it would be nice to allow the center column (with all the content) to shrink on smaller screen. At best, it would be awesome to build media query break points to adjust the content for small screen.
Luke, do you have any info on how many users are at this resolution?
From my perspective: I don't know the current statistic but it will prevent all the users with a tablet in portrait mode to access a nice version of MDN. (we could add a meta viewport to prevent this but this would be very hackish as it's very easy to play with the min/max-width css property to handle some minimum fluid layout)
This is what I see at 1000px: http://screencast.com/t/a4AUPzu80LtQ This is the tablet media query width (slightly less than 1000px, 963px in the following screenshot): http://screencast.com/t/kthoAKNncZcD What is the issue with these views? They look professional and elegant to me.
Created attachment 800211 [details] 768x1024 screenshot This what I get when using FF with a 768px width window (screen shot of https://developer.mozilla.org/en-US/docs/Web/API/Navigator)
Here's what I see at said width: http://screencast.com/t/kxyHbXkG7bPh
desktop vs. mobile vs. tablet: http://screencast.com/t/RCWO19MB top 25 screen resolutions: http://screencast.com/t/m2dk572PaA
Luke: don't forget that these data are skewed by the fact that the current MDN is next to be unusable on mobile and tablets.
YUI Compressor was causing errors with media queries -- I have a PR in to fix that now. Details about the problem and solution here: http://davidwalsh.name/yui-compressor-media-query-error
Status: NEW → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.