Comments (6)
@In1quity That's a good point, but we first have to make clear, that fixed size blocks are the anti-pattern for internationalization, for scripts outside of the product peoples' languages behind the original design.
One step further could be how to deal with it, if there's no other way around. We already feature some advice on this at “Dynamic text” section with “Readability” of our Style Guide.
from wikimediaui-style-guide.
Contents that could live in such page:
- script specifics
- icon universality
- LTR/RTL languages, bidirectionality
- TTB/BTT languages design provisions if we want to show-off as very smart
- localization in layouts (minimalistic vs condensed?)
- …?
from wikimediaui-style-guide.
I think some information about fixed size blocks with text, which needs to be localized, and about problems associated with it will be really useful.
from wikimediaui-style-guide.
Per this ticket, I'd like to know how to handle the following:
- How should the overall UI elements (Captions and Statements panels) look when oriented in RTL languages?
- Within a given panel, how do we handle situations when both LTR and RTL languages are present?
from wikimediaui-style-guide.
@pamela-drouin I've tried to summarize a general approach on the referenced task, awaiting feedback from RTL native speakers, which will then inform the further documentation here.
from wikimediaui-style-guide.
We've gone a more contextual way in the Style Guide to make it universally applicable. With the notes in the different sections similar to icon guidelines mentioning RTL considerations or Typography article note
I'm gonna close this task. Please be assured that the work continues with further inputs at https://phabricator.wikimedia.org/T282679.
from wikimediaui-style-guide.
Related Issues (20)
- Typography - specimen svg image does not display as expected
- SVG image for tpography-readability is missing spaces around links HOT 1
- [Typography] - what is the preferred treatment for system messages/alerts/dialogs? HOT 1
- Move resources to a different folder and use submodules HOT 13
- Move icons into its own repo HOT 4
- Load Resource 404 Error HOT 10
- [CSS] Use partials for modular CSS architecture? HOT 4
- Alerts in Components HOT 7
- Specify "common meaning" for utility colors HOT 4
- Add a link to the design team blog HOT 4
- Buttons look wrong in Firefox HOT 14
- Menu icon in mobile view off alignment HOT 4
- Increasing the width of color blocks HOT 6
- Text flowing off the page HOT 1
- Add more component design guidelines HOT 12
- Add "scroll to top" button in web page HOT 11
- Add "dark mode" button in the website HOT 21
- ADD follow section in footer! HOT 3
- Transform build scripts from Grunt to npm based scripts HOT 9
- Consider dropping Squoosh HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wikimediaui-style-guide.