What are folks doing for undo/redo buttons in iOS 7? The UIBarButtonSystemItemUndo now displays only text for the buttons. I was an "Apple knows best" person until iOS 7. My app will be iOS 7 only so I don't need to be concerned with backward compatibility.
I'm really fighting the urge to at least put line icons on the toolbar instead of the iOS defaults. What should I do?
Be a good citizen and let the iOS decide
Make my own artistic choice and go with icons. If so:
2a. What style (line, old school icon)?
2b. What shape (part circle, curved arrows, line arrows)?
Do what you think is clearer to the user.
iOS 7 buttons and icons may look poor, but they are great to minimize clogging a view when you need to display many controls that leave little free space to show useful info.
There are lots of iOS 7 icons for free.
Apple's "Bar Button Icons",
Pixeden tab-bar icons,
Icons8, etc.
You may find useful the redo icon displayed at Icons8. By flipping it you may obtain easily the undo icon.
Related
I've followed this: https://nwjs.readthedocs.io/en/latest/References/Menu/#menu
The result is a very Chromium-looking menu. The items just look... nothing like how I think of Windows menu items. (Even though there are these days a million different styles of them in this FrankensteinOS...)
Is this it? I have to use whatever Chromium thinks is a good looking menu? I cannot style them with CSS or something, at least? For example, if I want them to be "dark mode" instead of bright white? I guess I could implement my own custom Canvas-based pixel-perfect menu, but that's both a ton of work and also will never feel native or quite as "responsive".
The documentation you pointed to is for using the Native OS Menu. This will be different on Linux, OSX, and Windows, and will match the native placement and interactions for that system, including keyboard navigation. Similar to how the minimize/maximize/restore/close buttons are built in and differ on each OS.
You can add your own markup and styling to create a custom menu if you like though, and it will look and act the same on every OS. Similarly, you can create your own markup and styles for the min/max/restore/close buttons, and title bar.
https://github.com/nwutils/frameless-example
If you're not confident in HTML/CSS enough to make a responsive menu yourself, you can use frameworks, like Bootstrap, which come responsive with menu styling out of the box.
https://getbootstrap.com/docs/5.0/components/navbar/
I am bit confused right now, am trying to add support for dark mode for my old application. But I don't understand that if we have to add two images for single asset for both dark mode and light mode. It’s not always the best option to add extra assets for each appearance. In the end, it makes your app size bigger.
Already my application size is too heavy. And I can't afford to add new images for dark mode.
It seems that it increase a lot of work for both developers and designers. So now, my designer has to provide me all the new images for dark mode which is tough?
We are working on this project from last 2 years and we have lots of icons in our application. So that's not possible for us to create the new icons for dark mode and then add it.
Please help me this issue?
Do we have any other option in which Xcode could generate the icons for dark mode by itself? And we can use that one instead of creating the icons from designer for dark mode and then add it.
Please help me and am sorry for my bad English!
You don't have to provide separate assets for dark mode. In the attributes inspector, after selecting your image, under Appearance, just select None instead of Any, Dark. Then this one image will be used for both modes.
simply add "UIUserInterfaceStyle" key "Light" in project info.plist.
For example, when a modal dialog is opened up, there can be irregular blue highlight around the modal dialog. For accessibility, it may be good, but while it helps 5% of users, to the other 95% of users, they will see the irregular and a bit obtrusive blue outline.
Does it comply with ARIA / ADA guideline to make the blue outline disappear for the general users, while let the accessibility browsers / readers force a blue outline? (by the rule of the browser's enforced CSS).
This is defined in WCAG 2.4.7.
2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)
The focus indicator does not provide much benefit to screenreader users which often already benefit from improved visual and keyboard focus (assuming they can see)
People with low vision may use standard browsers without any other assistive technology and want to know where the keyboard focus is currently set. The keyboard focus is also useful for people with motor deficiency
But, there's nothing that says in accessibility guidelines that when you open a modal dialog, you should focus the whole dialog. You can perfectly focus the first interactive element (button or link) and make it the first element in the dialog.
Note that talking about accessibility, you are not helping 5% of people but according to WHO from 15% to 20%.
You can also perfectly, without removing the outline, make it more subtle.
can someone tell me what is the meaning of the icons in the title bar? A rocket, a plus, a star.. Im very curious.
Look at the file names of the icons. The first component describes the meaning: https://github.com/awesomeWM/awesome/tree/master/themes/default/titlebar
The plus is for sticky windows. These are windows which are visible on all tags (normally windows are only visible if one of their tags is selected).
The star is for ontop. These windows ignore the normal stacking order and are ontop of everything else.
The rocket is for maximized windows. These windows ignore the current layout and use all the available space.
The arrow is for floating windows. These windows also ignore the current layout, but they can be freely resized to any size.
The cross is a close button. It closes windows! ;-)
I'm starting to use phonegap and phonejs to write mobile hybrid applications. I've followed the tutorial http://phonejs.devexpress.com/Documentation/Tutorial/Getting_Started/Your_First_Application and the app works but both on the emulator and on the device the widgets are extremely small (see screenshot https://db.tt/ZhdrOt0R, sorry for the volume dialog on the screenshot). Like this, the app is completely unusable. I checked the various css files for font-size and other size tags but there are so bloody many places...
This leads me to a more generic question: I'd like buttons with rounded corners, different margins etc. What's the strategy to change the style? There are so many classes, is there any how to how to address this other than in a trial-and-error fashion?
Thx
Kai