Skip to content

  • Início
  • Criação de Sites
  • E-mail Marketing
  • Marketing Digital
  • Mídias Sociais
  • SEO Local
  • Home
  • Criação de Sites
  • Pequenos Frameworks CSS para Usar em seus Web Designs
Pequenos Frameworks CSS para Usar em seus Web Designs

Pequenos Frameworks CSS para Usar em seus Web Designs

Posted on fevereiro 27, 2023outubro 7, 2022 By admin Nenhum comentário em Pequenos Frameworks CSS para Usar em seus Web Designs
Criação de Sites

Você provavelmente não precisa da maioria dos recursos que vêm com grandes estruturas de interface do usuário, como o Bootstrap, especialmente quando está trabalhando em projetos pequenos de sites e diretos que deseja colocar em funcionamento o mais rápido possível. Felizmente, existem estruturas CSS menores e mais simples que você pode usar. O uso de uma pequena estrutura CSS geralmente se traduz em uma curva de aprendizado mais suave para os desenvolvedores, não dependência de JavaScript para funcionalidade e tempos de carregamento mais rápidos para seus usuários.

Eu criei uma excelente lista de frameworks CSS pequenos/minimalistas para você explorar. A maioria deles tem menos de 5 KB (quando minificado e compactado) e contém os ingredientes essenciais para a construção de web designs responsivos.

min

min, o menor framework CSS nesta lista, possui um sistema de grade de 12 colunas responsivo, estilos de botão, estilos de tabela, ícones compatíveis com Android e muito mais. min ainda suporta navegadores antigos como o Internet Explorer 5.5.

Miligrama

Milligram é para UIs modernas, seu sistema de grade usa FlexBox, tamanhos e comprimentos usam a remunidade e é Mobile First. Estar na vanguarda tem um custo: o Milligram suporta oficialmente apenas as versões mais recentes do Chrome, Firefox, IE, Safari e Opera.

Blaze CSS

Fora da caixa, o Blaze CSS já é leve, mas você pode reduzir ainda mais o tamanho do arquivo devido à sua arquitetura modular que permite incluir apenas as partes que você pretende usar em seu projeto. (Leia as instruções para criar uma compilação personalizada do Blaze CSS para obter mais informações.)

Kube

O Kube é muito bom para um framework CSS que pesa menos de 6 KB. Ele possui um sistema de grade responsivo, um conjunto robusto de classes para estilizar seus formulários da web, várias classes de tabela, classes de notificação para exibir mensagens importantes para seus usuários e muito mais.

Puro

Pure, um projeto de código aberto liderado pelo Yahoo! desenvolvedores, é um conjunto de módulos CSS que o ajudarão a criar designs web responsivos rapidamente. Pure tem estilos básicos para todos os elementos HTML (desenvolvidos em cima do Normalize.css) e módulos para layouts de grade, formulários da web, botões, tabelas e menus de navegação .

Furtivo

Chamando-se um “micro-framework CSS”, Furtive é voltado para web designs modernos. Assim como o Milligram, o Furtive é Mobile First, possui uma grade responsiva baseada no FlexBox e usa a remunidade para comprimentos e tamanhos. Ele cobre o básico: botões, formulários e até classes de cores padrão.

Esqueleto

Embora não tenha sido atualizado em mais de um ano , o Skeleton ainda é um ponto de partida/boilerplate de primeira linha para criar rapidamente designs da Web modernos e responsivos. Ele vem com um sistema de grade intuitivo e estilos básicos para seus elementos HTML.

FOX CSS

FOX CSS é um framework CSS leve e modular. Ele usa a abordagem de design Mobile First, suporta navegadores tão antigos quanto o IE 9 e tem uma redefinição de CSS não agressiva (inspirada no KNACSS).

Basscss

O Basscss é composto por 22 módulos CSS que consistem em uma redefinição de CSS, um sistema de grade, classes de cores, classes de utilitários para ajudá-lo a criar seus designs responsivos e muito mais. Basscss é surpreendentemente rico em recursos para algo que pesa menos de 4 KB.

Simples

Siimple é um framework CSS minimalista para construir web designs responsivos e limpos. É semelhante ao Skeleton: possui um sistema intuitivo de grade de 12 colunas e estilos básicos para tipografia, tabelas, botões, formulários e muito mais.

Lótus

Lotus é um dos menores frameworks CSS existentes. Ele cobre o essencial: um sistema de grade responsivo, tipografia, botões e formulários da web.

Navegação de Post

❮ Previous Post: Criar um website profissional com SEO Local
Next Post: 9 ferramentas úteis para criar paletas de cores do Material Design ❯

You may also like

Estratégias de design para painéis de informações
Criação de Sites
Estratégias de design para painéis de informações
janeiro 5, 2023
Tipos de armazenamento da Web
Criação de Sites
Tipos de armazenamento da Web
dezembro 10, 2022
Perguntas frequentes sobre SEO para pequenas empresas
Criação de Sites
Perguntas frequentes sobre SEO para pequenas empresas
novembro 7, 2022
Encontre problemas de design com antecedência
Criação de Sites
Encontre problemas de design com antecedência
fevereiro 18, 2023

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Busca

Posts recentes

  • Atendimento Online Personalizado: Estratégias Que Funcionam
  • Pesquisando Carros Online: Proteja Seu Dinheiro e Escolha Certo
  • Consulta de Carro Pela Placa: Uma Ferramenta Crucial para Compradores
  • TikTok e Chapéus Personalizados: Como Aproveitar as Tendências para Vender Mais
  • Como Personalizar Seu LinkedIn para Consultas Virtuais

Busca

Categorias

  • Criação de Sites (11)
  • E-mail Marketing (9)
  • Marketing Digital (50)
  • Mídias Sociais (15)
  • SEO Local (9)
  • Uncategorized (3)

Publicações

  • setembro 2025
  • março 2025
  • fevereiro 2025
  • dezembro 2024
  • outubro 2024
  • setembro 2024
  • agosto 2024
  • julho 2024
  • junho 2024
  • maio 2024
  • abril 2024
  • março 2024
  • fevereiro 2024
  • janeiro 2024
  • dezembro 2023
  • novembro 2023
  • outubro 2023
  • setembro 2023
  • agosto 2023
  • julho 2023
  • junho 2023
  • maio 2023
  • março 2023
  • fevereiro 2023
  • janeiro 2023
  • dezembro 2022
  • novembro 2022
  • outubro 2022
  • setembro 2022
  • janeiro 2022

Posts recentes

  • Atendimento Online Personalizado: Estratégias Que Funcionam
  • Pesquisando Carros Online: Proteja Seu Dinheiro e Escolha Certo
  • Consulta de Carro Pela Placa: Uma Ferramenta Crucial para Compradores
  • TikTok e Chapéus Personalizados: Como Aproveitar as Tendências para Vender Mais
  • Como Personalizar Seu LinkedIn para Consultas Virtuais

Theme: Oceanly News by ScriptsTown