Soluções UI, desenho

Atualizações

O projeto estilos tem muitas horas de trabalho, tal como a anterior styleguide, dedicadas a reunir e a apresentar a melhor informação. As bases de inspiração são as estruturas web com boas referencias, na apresentação dos conteúdos, e sobretudo nas soluções visuais para os elementos e as componentes de UI.

Março de 2014

  • Apresentação da styleguide FCT (base Foundation) da Fundação para a Ciência e a Tecnologia.

Outubro/Dezembro de 2017

  • Estrutura e apresentação: O estilos é um projeto com novas funcionalidades para o menu, layout, apresentação dos conteúdos e interface visual.
  • Organização por novos temas: Navegação lateral; Informação guiada por tipo de assunto (baseado em outros sites).
  • Identidade do projeto: Nova marca baseada e pensada para o conceito do guia dos estilos para a web da FCT.

Fevereiro/Abril de 2018

  • Suporte técnico e Biblioteca: Distribuição do conteúdo para as secções (Conteúdo proveniente da anterior styleguide).
  • A grelha: As soluções e a utilização.
  • As cores: Esquema e catalogação das referências dos códigos de cor.
  • Tipografia: Explicação e escolha das novas fontes tipográficas.
  • Iconografia: Como utilizar a iconografia; Função e personalização.

Maio/Julho de 2018

  • Lista dos ícones personalizados: Visualização do elemento por áreas; Disponibilização da CSS individual e do material SVG.
  • Botões; Formulários; Tabelas: Adaptação e adição dos estilos na CSS para o tema personalizado; Noções básicas sobre os elementos.
  • Grafismo para o projeto: Ilustrações personalizadas para algumas seções do guia dos estilos.
  • Acordião: Novo visual, mas com a mesma função.

Agosto/Outubro de 2018

  • Kit UI: Soluções para utilização da grelha no layout das páginas.
  • Revisão da estrutura para o setor das soluções ao UI.
  • Componentes dos ficheiros seperados em PHP, pasta includes; Melhoria na atualização independente de cada componente com o código das soluções desenhadas. Em atualização
  • Paineis: Três Modelos com possíveis variações futuras. Solução a destaque das páginas ou aplicações web da FCT; Caixa/módulo para resumos temático a conteúdos de grande dimensão.

Dezembro de 2018

Browser suportado

Embora não tenha sido construído para os browsers mais antigos, a estrutrua original da framework "spectre" tem suporte para algumas versões antigas. No entanto para uma performance ideal recomendada-se a utilização da versão mais recente do browser.

A listagem do suporte ao browser é a seguinte:

  • Chrome Últimas 2 versões
  • Microsoft Edge Ùltima versão
  • Firefox Últimas 3 versões
  • Safari Últimas 2 versões
  • Opera Última versão
  • Internet Explorer 10+ Não suportado *

* Em geral alguns recursos de HTML5, CSS3 e JS não são perfeitamente interpretados pelo browser do Internet Explorer. Tal fato fez com que a Microsoft colocasse o "Edge" no mercado.

Modos de instalar

Acrescentar e rever..

Inserir o conteúdo em falta

O projeto estilos, no github...

O Git é um sistema gratuito para controle de versões. Controlar versões significa gerir diferentes versões dos projetos em arquivo, com a possibilidade de recuperar as versões salvas, reverter a um projeto inicial, ou poder comparar as versões de quem programa e desenvolve projetos web em simultâneo. Isto é uma mais valia para qualquer programador ou designer e por isso investir tempo nesta temática é angariar boas e melhores práticas de trabalho. Pela facilidade e por existir software livre também já estamos no GitHub. O download do projeto no Git com todo o material necessária pode ser acedido por aqui.

Downloads

Acrescentar e rever..

Inserir o conteúdo em falta