Soluções UI tipificadas

O estilos é um guia com soluções visuais para os elementos e as componentes web.
As soluções de UI (User Interface) são uma versão completa, estilizada e atualizada,
para a construção das plataformas e aplicações web da Fundação para a Ciência e a Tecnologia.

Guia dos estilos KIT UI, soluções

Versão 3.3 • Revisão

A instalação

Neste guia dos estilos web temos a CSS trabalhada e personalizada através de uma estrutura
otimizada, responsiva e moderna. São cinco as possibilidades de instalação da CSS estilos.themeFCT.css
desta framework. Podemos instalar um projeto novo de forma manual, por CDN, utilizar o NPM, Yarn ou Bower.

Como instalar
Poupar tempo
Prentede formatar uma tabela ou um formulário com um estilo próprio? Basta procurar na página dos elementos e das componentes pela classe apropriada. Os objetivos passam por saber que existem estilos próprios, e assim os developers podem deixar de se preocupar com a estilização dos componentes, e garantir uma linguagem visual com coerencia e uniformidade.
Explorar
Boas práticas na web
Biblioteca
Existe um conjunto de princípios consolidados, ou seja, de boas práticas no desenho de formulários web — a base de aplicações transacionais como as que desenvolvemos na Fundação para a Ciência e Tecnologia — que tem um impacto positivo na usabilidade e eficácia destas aplicações. A síntese destes princípios foi complementada com um trabalho de análise de dois portais...
Ver mais
Soluções tipificadas
Existem problemas de design que são, de forma recorrente, colocados aos nossos programadores no processo de desenvolvimento. Procuraremos "enriquecer" este guia de estilo com padrões e soluções tipificadas que diminuam a volatilidade e inconsistência no desenho de interfaces melhorando, dessa forma, a usabilidade e experiência de utilização das aplicações web da FCT.
Explorar
Princípios na edição dos conteúdos
Biblioteca
A edição dos conteúdos no site da FCT, deve ter em conta um conjunto de regras para garantir a acessibilidade e qualidade das páginas para a web. Para editar para a web é necessário utilizar uma linguagem de marcação de texto, ou como se designa na web hipertexto. Quando se utiliza a linguagem HTML na edição de textos, ou hipertextos, são utilizados elementos de marcação, que podem ser divididos...
Ver mais
Padrões comuns
Nas web properties da FCT procuramos utilizar HTML5, CSS3 e outros standards recomendados pelo World Wide Web Consortium (W3C). Estas tecnologias têm como objetivo envolver a comunidade web, desde as companhias que desenvolvem os browsers até aos produtores de conteúdos, na uniformização e definição de um conjunto de padrões comuns para o desenvolvimento de documentos web.
Explorar
Recursos adicionais
Biblioteca
Os padrões, tal como em engenharia informática, são soluções generalistas e reutilizáveis que podem ser utilizados como princípios gerais para abordar determinado problema. Reunimos um conjunto de links para bibliotecas de padrões de user interface, design de interacção, arquitectura da informação e, inclusivamente, de código frontend e estratégia de conteúdos...
Ver mais
Base original de construção
A Spectre.css é a base original selecionada, por ter uma construção sólida e prática de trabalhar. Pode ser consultada e utilizada gratuitamente, a construção é bastante simples e intuitiva para trabalhar e desenvolver outros projetos. Existem links especificos para dúvidas e atualizações.

Ver mais
Suporte básico
Biblioteca
Em projetos de média e grande dimensão o estabelecimento de algumas convenções para a escrita de CSS terá um impacto positivo na compreensão e manutenção das stylesheets. É natural que um projeto, por diversas razões, passe ao longo da sua vida útil por várias "mãos"...
Ver mais