O foco agora são os Frameworks CSS. Com a padronização e vasta extensão de recursos “prontos”, a principal razão de se usar um Framework é otimizar o seu tempo no desenvolvimento do estilo das suas páginas, explorando o reuso de código. O objetivo desta atividade é apresentar algumas ferramentas que podem te auxiliar nesse processo de construção das interfaces.
Qual a diferença entre utilizar um Framework CSS e construir um código do zero? O vídeo abaixo apresenta um exemplo de aplicação de um framework relacionando ao desenvolvimento do código “na unha”. O exemplo utiliza o Bootstrap para mostrar a diferença, porém, o conceito apresentado é válido para todos os tipos de framework.
Qual a diferença entre Bootstrap e CSS puro?
Abaixo segue uma pesquisa anual relacionada a utilização de recursos do CSS atualmente pelo mercado. E uma das categorias é Frameworks.
Acesse o conteúdo e explore os resultados da pesquisa. Essas informações são importantes para a escolha de qual Framework você deve escolher para utilizar.
The State of CSS 2021: CSS Frameworks
Com base na pesquisa do “State of CSS” os três Frameworks mais utilizados atualmente são: Bootstrap, Tailwind e Materialize. Abaixo segue alguns vídeos introdutórios sobre as características de cada um deles, bem como os respectivos sites, onde você poderá encontrar a documentação oficial.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
O artigo abaixo compara os três mais utilizados mostrando vantagens e desvantagens. Utilize também a pesquisa do “State of CSS” apresentada anteriormente.