Usabilidade na Administração Pública - como começar - programador


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.
- 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');
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
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

Pode descarregar de imediato o template ou, se preferir, ver primeiro um exemplo.
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.