![[staff profile]](https://www.dreamwidth.org/img/silk/identity/user_staff.png){kind=small}
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png){kind=small}
Responsive-design Create Entries page, joining/leaving communities, subscribing/granting access, etc
This code push included responsive redesigns of:
* the beta create entries page
* joining/leaving communities
* subscribing or granting access to people
* many of the site admin areas
* everything in the /tools directory
* and many more.
If you have problems with any of these pages, this is the place to report the problems!
There are several purposes behind our responsive site redesign. Aside from the boring technical ones (making it easier for us to maintain and troubleshoot the code, reducing browser incompatability, giving us more options in terms of designing, etc), the two big ones are:
* Improve the way the site looks and feels on small screens (such as on tablets and mobile devices) without worsening the experience for people using large screens (desktops and laptops).
* Improve the accessibility of the site: make it easier to access the site with screenreaders, interact with the site using alternate input devices, interact with the site using only the mouse or only the keyboard, etc.
This entry is for two things: reporting any actual display bugs or glitches with the pages (in your browser, whether on your computer or on your mobile device), and providing aesthetic feedback about the look and feel of the design.
If you're reporting display bugs or glitches: Please describe the glitch in as much detail as possible. Screenshots would be really helpful, especially if you're only seeing the glitch in one browser but not another, or only on your phone but not on your laptop. (You don't have to check for the glitch on multiple devices, but if you do, let us know which devices have the problem and which don't.)
If you have feedback specifically about the aesthetics or the look of the redesign (you think something needs more padding, want to suggest a different font/color/color combination/background/what-have-you, think something is in the wrong place, that kind of thing): Please be as specific as possible about what you think needs to be changed, or what's bugging you about the way things look. For instance, instead of saying "the header is so ugly and squished now, change it back", say "On my computer, the links in the header don't have enough space between them, so they look like they're running into each other."
(We know that people definitely have strong opinions about the way things should look -- that's why we're doing this incrementally -- but the most helpful feedback is the kind that's specific, concrete, and actionable.)
With all feedback, include the following:
* Which site skin you're using (you can find this on the Display tab of Manage Settings if you don't know)
* What browser and browser version you're seeing the problem in
* What operating system you're using
* What type of device you're using: laptop, desktop, phone, tablet, e-reader, etc. (And if phone/tablet/e-reader, what make and model.)
* What your display resolution is, and what your current browser size is. To check this if you aren't sure: go to whatsmy.browsersize.com and report the following numbers: Browser window width, browser window height, screen width, screen height.
If you're specifically reporting an issue with how the redesign works (or doesn't!) in your assistive technology setup, please also include:
* What assistive technology you're using (name of program, description of setup, etc)
* If it's software, the software version
* If it's workflow related (you find it difficult to navigate using keyboard-only navigation, for instance), a brief description of your workflow and what about the page is making it difficult
* the beta create entries page
* joining/leaving communities
* subscribing or granting access to people
* many of the site admin areas
* everything in the /tools directory
* and many more.
If you have problems with any of these pages, this is the place to report the problems!
There are several purposes behind our responsive site redesign. Aside from the boring technical ones (making it easier for us to maintain and troubleshoot the code, reducing browser incompatability, giving us more options in terms of designing, etc), the two big ones are:
* Improve the way the site looks and feels on small screens (such as on tablets and mobile devices) without worsening the experience for people using large screens (desktops and laptops).
* Improve the accessibility of the site: make it easier to access the site with screenreaders, interact with the site using alternate input devices, interact with the site using only the mouse or only the keyboard, etc.
This entry is for two things: reporting any actual display bugs or glitches with the pages (in your browser, whether on your computer or on your mobile device), and providing aesthetic feedback about the look and feel of the design.
If you're reporting display bugs or glitches: Please describe the glitch in as much detail as possible. Screenshots would be really helpful, especially if you're only seeing the glitch in one browser but not another, or only on your phone but not on your laptop. (You don't have to check for the glitch on multiple devices, but if you do, let us know which devices have the problem and which don't.)
If you have feedback specifically about the aesthetics or the look of the redesign (you think something needs more padding, want to suggest a different font/color/color combination/background/what-have-you, think something is in the wrong place, that kind of thing): Please be as specific as possible about what you think needs to be changed, or what's bugging you about the way things look. For instance, instead of saying "the header is so ugly and squished now, change it back", say "On my computer, the links in the header don't have enough space between them, so they look like they're running into each other."
(We know that people definitely have strong opinions about the way things should look -- that's why we're doing this incrementally -- but the most helpful feedback is the kind that's specific, concrete, and actionable.)
With all feedback, include the following:
* Which site skin you're using (you can find this on the Display tab of Manage Settings if you don't know)
* What browser and browser version you're seeing the problem in
* What operating system you're using
* What type of device you're using: laptop, desktop, phone, tablet, e-reader, etc. (And if phone/tablet/e-reader, what make and model.)
* What your display resolution is, and what your current browser size is. To check this if you aren't sure: go to whatsmy.browsersize.com and report the following numbers: Browser window width, browser window height, screen width, screen height.
If you're specifically reporting an issue with how the redesign works (or doesn't!) in your assistive technology setup, please also include:
* What assistive technology you're using (name of program, description of setup, etc)
* If it's software, the software version
* If it's workflow related (you find it difficult to navigate using keyboard-only navigation, for instance), a brief description of your workflow and what about the page is making it difficult
no subject
Browser font-size at 16, minimum font-size at 12 - http://i.imgur.com/KOJlcuq.jpg - Biiiig, but aligned.
Browser font-size at 14, minimum font-size at 12 - http://i.imgur.com/PjYUPDz.jpg - Icon is overlapping, drop-down menu background is larger than search box background.
(Copying in my comments from the news post so they're in the beta post)
Technical details: Firefox 34.0.5 (at this particular moment, to HELL with their update schedule, god. Ahem.). Windows Vista home premium, SP2. 1280x800.
Create entries beta page: Whoa, whitespace. WHIIIIIIIITESPACE. Way too much. I changed my browser font default to fourteen and it made the headings on the modules a whole lot better, but now I can't read the comments in this page, way too small. ETA: Okay, changing my 'minimum font size' to twelve fixed that tiny text issue for me. It's the site scheme .XXem code that's doing that, right? On the other hand, having my browser font default to fourteen screwed my reading pages, so I put it back to sixteen and the huge headers issue in the modules is apparently unavoidable. :\
The pure size of the modules is massive. The icon selection module is almost (exactly?) half the size of the entry text box, with a ton of wasted space either side of the icon.
I do like the hover-color on the buttons in modules, though the border around the buttons could stand to be a bit darker (or bolder? Or the buttons could be a different unhovered color entirely. Something. Making them fit into the 'flat' aesthetic that's currently fashionable makes them disappear into the background.) The switching of placement for the post button ... ehhhhh. Now there's two 'post entry' buttons that are less than a hundred pixels apart and it seems even more silly to have two than before.
Minor quibble - The public/private/etc drop-down menu goes down, no matter how close it is to the bottom of the screen. The 'post as' drop-down menu goes down if it's near the top of the screen, but if it's near the bottom, it goes up. I don't know what that's a result of, but it's weird. Either all down or all up, but a mixture looks strange.
Also, the preview/spellcheck buttons would look better if left-aligned with the rest of the column.
I also do like that the user menu in the very top bar is spaced out a little better than it is on non-responsive pages, especially the couple of extra pixels between my user name and the log-out button.