Informações


O que é o Guia de Estilo?

O Guia de Estilos foi criado com o intuito de unificar os padrões de layout, componentes e scripts para o desenvolvimento de interfaces digitais do SEBRAE. Ele utiliza alguns plugins já conhecidos de todos os desenvolvedores e que podem ser inseridos em todos os projetos.

Bootstrap

Os estilos e comportamentos foram baseados no Bootstrap, framework criado pelo Mark Ott e Jacob Thornton para agilizar a criação de interface do Twitter. Para ver mais sobre, visite o github do projeto.

JQuery

O JQuery é o framework mais utilizado para controle e manipulação de comportamentos de elementos do HTML. Versão 3.1.1.

Datepicker

Plugin para campo de data. Versão 1.6.4.

DataTable

DataTables é um plug-in para a biblioteca jQuery Javascript. É uma ferramenta altamente flexível, e adicionará controles avançados de interação a qualquer tabela HTML. Versão 1.10.13.

JQuery Mask Plugin

Plugin utilizado para a formatação de máscara de campos. Versão 1.14.10.

Chosen

Plugin utilizado para formatação dos campos de select. Versão 1.7.0.

Observação

Os plugins acima citados já são instalados como dependências deste framework. É importante que tenha cuidado ao instalar novos plugins para que não sejam conflitantes com os já instalados.

Instalação


O que é preciso para usar o guia?

Comece adicionando as tags de estilo CSS abaixo dentro das tags <head></head> da aplicação.

  1. <link href="css/screen.css" rel="stylesheet" type="text/css">

Adicione as tags com os pacotes JS abaixo após todo o conteudo da página e antes da tag </body> da aplicação.

  1. <script type="text/javascript" src="js/external.min.js"></script>
  2. <script type="text/javascript" src="js/main.min.js"></script>