Este website utiliza cookies. Ao continuar a navegação está a aceitar a sua utilização.

Caso pretenda saber mais, consulte a nossa política de privacidade.

Imagem Banner
Image Icon

COMO COMEÇAR

PROGRAMADORES

Recursos partilhados de html, css ou javascript para utilização no âmbito dos materiais disponibilizados em usabilidade.gov.pt.

PARA PROGRAMADORES

Os nossos componentes são construidos com uma sólida base HTML, por forma a garantir uma excelente experiência entre browsers.

Apesar de privilegiarmos as mais recentes tecnologias web, ao descarregar os componentes apresentados, todos os utilizadores poderão usufruir da mesma informação e experiência.

INÍCIO RÁPIDO

Para incluir a biblioteca de UI components no seu projeto, utilize os snippets a seguir como um início rápido.

Código
Ocultar Código
  • HTML
  • CSS
  • JS

<link href="https://uxtoolkit.pt/api/pattern/library/UJBCfAZK/all.min.css" rel="stylesheet">
<script src="https://uxtoolkit.pt/api/pattern/library/UJBCfAZK/all.min.js"></script>

body{
    color: #2A2A2A;
}
.aui .container-fluid {
    padding-right: inherit;
    padding-left: inherit;
}
.aui .row{
    margin-left: 0px;
}
.aui a:hover, .aui a:focus {
    color: inherit;
    text-decoration: none;
}
#wrapper,
.container-fluid{
    padding: 0px;
}
.portlet,
form{
    margin-bottom: 0px !important;
}
var navigation = A.one('#navigation');

if (navigation) {
    navigation.plug(Liferay.NavigationInteraction);
}

var siteBreadcrumbs = A.one('#breadcrumbs');

if (siteBreadcrumbs) {
    siteBreadcrumbs.plug(A.Hudcrumbs);
}

var signIn = A.one('li.sign-in a');
Na secção COMPONENTES tem acesso a peças individuais de html / css / javascript.
Estrutura

Aqui apresentamos a estrutura dos ficheiros de código que poderá descarregar nesta página.

Todos os componentes foram criados para garantir uma base sólida de trabalho.

|- estilos.css

|-biblioteca.js

|- icons

Pacote completo de recursos e código para usar no seu projecto (zip).

TEMPLATE

Como base inicial de trabalho, disponibilizamos um template construído com os nossos componentes e também um Liferay Theme que poderá utilizar com este software.

Este projecto é flexível, permitindo-lhe adicionar e remover componentes de forma a que o resultado final vá de encontro à função pensada e às suas necessidades particulares.

Para saber mais, aceda à área de Templates.

Template
Template
Pode descarregar de imediato o template ou, se preferir, ver primeiro um exemplo.