SASS – CSS WITH SUPERPOWERS

Artigo

Ricardo Melo explica as vantagens de usar pré-processadores no desenvolvimento web, nomeadamente SASS que proporciona maior flexibilidade e mais soluções.

SASS – CSS WITH SUPERPOWERS

Nos dias de hoje os developers têm de lidar com projetos cada vez mais exigentes, quer seja do ponto de vista de escala ou de performance e até mesmo ao nível da organização e arquitetura. No caso do front-end, as folhas de estilo cada vez mais complexas e extensas tornam-se complicadas de manter e reutilizar. Tudo isso representa um desafio diário e para responder da melhor maneira a esses desafios, é necessário estar a par de outras soluções e metodologias.

O aparecimento dos pré-processamento de CSS, que usam uma sintaxe bastante próxima à do CSS, porém com algumas alterações que muitos front-end sonharam, como o uso de variáveis, funções, importação de código, entre outras, é uma das mais-valias do desenvolvimento moderno na web. Com uma enorme evolução, o SASS, assim como outros pré-processadores, vieram dar mais soluções e maior flexibilidade, bem como aumentar a produtividade.

O Que é SASS?

SASS (Syntactically Awesome StyleSheets) que, resumidamente, se trata de um módulo desenvolvido em Ruby que faz a leitura de dois tipos de arquivos com extensão SASS ou SCSS. Basicamente, o sistema faz uma tradução para um ficheiro CSS com todas as regras interpretadas e atualizadas, porém aplicando todas as funcionalidades do SASS.

O que o SASS se propõe a fazer é estender o desenvolvimento de CSS, dar uma maior flexibilidade e mais recursos disponíveis. E para isso, SASS introduz algumas novidades que nos vão ajudar nesse sentido. Como por exemplo:

Variáveis

Nesting: Seletores dentro de outros seletores
;

Operações e funções: Matemática básica e funções predefinidas para tratar cores e dimensões;

Interpolação: Propriedades e seletores dinâmicos usando variáveis
;

Mixins: Criar blocos de estilos reutilizáveis;

Argumentos: Parâmetros para funções e mixins;

Entre outros.

“With Great Power Comes Great Responsibility”

Usar SASS ou qualquer outro pré-processador é algo que deverá ser avaliado perante o desafio em questão. Começar a usar SASS no desenvolvimento é bastante simples, mas poderá tornar-se também muito complexo. Portanto, será sempre necessário ajustar às nossas necessidades, de modo a que se possa usar para o sucesso do projeto e não para que venha causar algum bloqueio no desenvolvimento. É muito importante estudar e usar de forma a conseguir extrair todas a potencialidades do SASS. Só assim se consegue avaliar corretamente as suas vantagens.

Se usado sensatamente é, sem dúvida, um avanço enorme e com grandes vantagens ao desenvolvimento.

Ricardo Melo – Team Leader & Senior Front-End Developer na Grand Union Portugal

Workshop SASS – CSS with superpowers Lisboa

Programa Frontend & Responsive Web Development Lisboa


Partilhar:

    Fale connosco

    Interesses

      Subscrever Newsletter

      Interesses

      Privacy Overview
      EDIT. - Disruptive Digital Education

      This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

      Necessários

      Os cookies necessários ajudam a tornar um website útil, permitindo funções básicas, como a navegação e o acesso à página para proteger áreas do website. O website pode não funcionar corretamente sem estes cookies.

      Estatísticas

      Os cookies de estatística ajudam os proprietários de websites a entenderem como os visitantes interagem com os websites, recolhendo e divulgando informações de forma anónima.