OOUI/zh

OOUI让用户创建响应式的网页用户界面和应用。

OOUI 群組： Contributors 开始： 2013-10

OOUI具有国际化预备，完全提供从右至左的语言，无障碍性符合Web内容可访问性指南，并在多种浏览器中一致运行。

OOUI庫包含：

• 可预备使用的小部件、布局和窗体，可以直接安装并很容易扩展；
• 在不支持JavaScript的情况下，兼容PHP服务器端的输出；
• 可轻松混合和匹配以创建自定义用户界面的元素。

OOUI 可用于 MediaWiki 核心，以及 npm，Composer，和cdnjs。 OOUI implements a "WikimediaUI" theme – conforming to Wikimedia Foundation's design style guide. Interfaces built within MediaWiki use this theme by default, though different MediaWiki skins can and do over-ride this. 参见在MediaWiki使用OOUI的文档。 它已经成功用于40个以上维基媒体基金会和业余开发者的Web产品中。 Community-created TypeScript definitions for OOUI exist (they work in JavaScript projects as well in popular IDEs).

Note that the library was originally created for the entire user interface of VisualEditor, on top of the OOjs primer (Object-Oriented JavaScript, hence OOUI's former name "OOjs UI"). It has later been extended to serve MediaWiki Core with PHP implemented widgets or responsive interfaces in project Advanced Mobile Contributions.

OOUI读作oh-oh-you-eye。

The source code is hosted on Gerrit and mirrored on GitHub.

OOUI与Codex的未来

Codex's toolkit will replace OOUI as the default user interface library. Currently development at the Wikimedia Foundation is focused on Codex, the design system for Wikimedia. It features guidelines and a set of tools: design tokens, components, and icons.

New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.

Note that in JS-only gadgets and userscripts, Codex can't replace OOUI as of September 2023, at least not in any practical way. For gadget/userscript developers, there is currently no successor for OOUI available. You can participate in the discussion about enabling Codex for gadgets and userscripts.

帮助文档

文档子页面的完整列表请参见侧边栏。

参见

• API文档，由doc.wikimedia.org的源代码自动生成

• Interactive demos online and in the project's demos directory

• A tutorial on building a Todo list application using OOUI step by step

• OOJS/OOUI kick starter — Ready to code and demo user interface.