OOUI/pt-br

Projetos da Fundação Wikimedia OOUI Grupo: Contributors Início: 2013-10

OOUI
Introdução
Sobre a biblioteca OOjs primer
Primeiros passos
Criação de interfaces de maneira programática Exemplos de PHP Usando OOUI no MediaWiki
Trabalhar com widgets
Elements GroupElements FlaggedElements LookupElements DraggableElements Widgets Icons, Indicators, and Labels Buttons and Switches Selects and Options Inputs Popups Progress bars Layouts Fields and Fieldsets Forms Stacks and Panels Menus Booklets and Pages Index and TabPanels Windows Simple messages Dialogs Process Dialogs Message Dialogs Window managers Toolbars Themes Other concepts
See also
Fixing scripts and gadgets

OOUI permite que os desenvolvedores criem interfaces de usuário e aplicativos da web responsivos.

Ela está pronta para internacionalização permitindo idiomas da direita para esquerda, é acessível de acordo com as Diretrizes de Acessibilidade para o Conteúdo da Web e opera de forma consistente em vários navegadores.

Conteúdo da biblioteca OOUI:

• widgets, layouts e, janelas pré formatadas para uso que podem ser instanciadas diretamente ou facilmente estendidas,
• compatibilidade com PHP do servidor para casos em que o JavaScript não é compatível,
• elementos que podem ser facilmente combinados e combinados para criar interfaces de usuário personalizadas.

OOUI está disponível no MediaWiki Core, bem como em npm, Composer, e através de cdnjs. OOUI implementa um tema "WikimediaUI" – em conformidade com o Guia de estilo de design da Fundação Wikimedia. As interfaces construídas dentro do MediaWiki usam este tema por padrão, embora diferentes skins do MediaWiki podem substituir isso. Veja a documentação de como usar OOUI no MediaWiki. É usado com sucesso em mais de 40 produtos da Web pela Fundação Wikimedia e desenvolvedores voluntários. Community-created TypeScript definitions for OOUI exist (they work in JavaScript projects as well in popular IDEs).

Observe que a biblioteca foi criada originalmente para toda a interface do usuário de VisualEditor, no topo de OOjs primer (JavaScript orientado a objetos, daí o nome anterior de OOUI "OOjs UI"). Posteriormente, foi estendido para servir MediaWiki Core com widgets implementados em PHP ou interfaces responsivas no projeto Contribuições móveis avançadas.

OOUI é pronunciado “oh-oh-you-eye”.

O código fonte está hospedado no Gerrit e espelhado no GitHub.

Future of OOUI alongside 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.

Documentação

Consulte a barra lateral para obter uma lista completa das subpáginas da documentação.

Veja também:

• Documentação da API gerado a partir do código-fonte em doc.wikimedia.org
• Demonstrações interativas online e no diretório demos do projeto
• Um tutorial sobre como construir um aplicação de lista de tarefas usando OOUI passo a passo
• OOJS/OOUI kick starter — pronto para codificar e demonstrar a interface do usuário.