Ambiente de desenvolvimento integrado para personalização automatizada do framework Bulma mediante variáveis do Sass

Abstract

Com o avanço das tecnologias, o desenvolvimento de uma folha de estilo para uma página web se tornou mais complexo por conta das novas funcionalidades do CSS. Consequentemente, os desenvolvedores passaram a adotar o uso de préprocessadores, de forma que seja possível suprir a carência de operações lógicas do CSS. O presente trabalho tem como objetivo propor um modelo para automatizar a criação de um arquivo CSS através da adoção de pré-processamento. Para gerar este arquivo, o usuário utiliza uma página web que funciona como um ambiente de desenvolvimento integrado de forma que seja possível personalizar o framework Bulma, sem a necessidade de ter conhecimentos prévios sobre pré-processamento. Neste ambiente de desenvolvimento integrado o tamanho e tipo da fonte, cor de botões, sombreamento, entre outros, são customizados para no final gerar o arquivo CSS com o auxílio da linguagem de pré-processamento Sass. Cada CSS criado pode ser testado na própria página. Por fim, é realizada uma comparação entre a personalização do Bulma com e sem a aplicação desenvolvida, e a aplicação deste TCC se mostrou muito mais rápida e simples de utilizar.