Skip to content
📅 Ebook GRATUITO 🚀 Como preparar o seu site para receber muitos acessos? 💰
Baixar agora

Kinghost | Blog

Notificações
Central de Ajuda
Acessar Painel
  • Artigos
    Empreendedorismo Digital
    Seleção de conteúdos para o seu negócio bombar no digital

    ou navegue pelas subcategorias

    Marketing Digital

    Vender mais online

    Gestão de Negócio

    Criar um Site
    Saiba como garantir a presença da sua marca na internet
    Glossário
    Nossa base de conhecimento, feita especialmente pra você
    Tutoriais
    Tudo fica mais simples com um passo a passo
    Tecnologia
    Acompanhe as tendências do mundo digital

    ou navegue pelas subcategorias

    Desenvolvimento

    Design UX/UI

  • Produtos KingHost
    Serviços de Hospedagem
    Escolha a melhor opção para ter um site estável e eficiente

    ou navegue pelas subcategorias

    Hospedagem de Sites

    Hospedagem WordPress

    Hospedagem Node.js

    Soluções em Nuvem
    Ótimo desempenho para escalar seu projeto digital

    ou navegue pelas subcategorias

    Hospedagem Cloud

    Servidor VPS

    Soluções em Marketing
    Conheça ferramentas de marketing para seu negócio decolar

    ou navegue pelas subcategorias

    Email Marketing

    Serviços Essenciais
    Tudo o que você precisa para uma presença online completa

    ou navegue pelas subcategorias

    Registro de Domínio

    Criador de Site

    Certificado SSL

    Email Profissional

    Email Exchange

    Parceira com a KingHost
    Faça sua empresa crescer e ajude outros negócios

    ou navegue pelas subcategorias

    Revenda

    Indique e Ganhe

  • Materiais Educativos
    Ebooks
    Conteúdos completos para alavancar sua presença digital
    Eventos
    Aprenda com especialistas em bate-papos exclusivos
    Templates
    Potencialize seu projeto com nossos modelos prontos
    Cursos
    Aprofunde o seu conhecimento com aulas gratuitas
  • Casos de Sucesso
  • A KingHost

KingHost Blog > 4 frameworks front-end populares em 2017

Desenvolvimento, Tecnologia

4 frameworks front-end populares em 2017

Publicado em 08/06/2017

–

Atualizado em 19/04/2023

Design responsivo é o desenvolvimento de soluções online que se adequam automaticamente a diferentes tamanhos de telas como celulares, tablets e desktop. Atualmente a necessidade de investir nesse tipo de solução é muito grande, pois os acessos via dispositivos móveis estão a cada dia mais frequentes. Existem frameworks front-end que apoiam esse desenvolvimento e facilitam o trabalho do desenvolvedor/designer. Eles são padrões de CSS e código que oferecem agilidade e eficácia para desenvolver. A seguir, vamos apresentar alguns desses recursos:

Lista de Frameworks Front-End

1. Bootstrap

bootstrap - Cópia

É um dos frameworks responsivos mais conhecidos e utilizados da atualidade. Bootstrap é um sistema desenvolvido em código aberto, hospedado, criado e mantido pelo GitHub.

  • Cridores: Mark Otto e Jacob Thornton.
  • No mercado desde: 2011
  • Versão atual: 3.3.7
  • Popularidade: mais de 111,000 no GitHub
  • Princípio: RWD e mobile first.
  • Tamanho do Framework: 154 KB
  • Pré-processadores: Less e Sass
  • Responsivo: Sim
  • Modular: Sim
  • Templates/layouts: Sim
  • Ícones: Glyphicons Halflings
  • Extras/Add-ons: muitos plugins disponíveis.
  • Unique components: Jumbotron
  • Documentação: Boa
  • Customização: Personalizador básico de GUI. É preciso inserir os valores de cores manualmente, porque não há nenhum selecionador de cores disponível.
  • Suporte de Navegador: Firefox, Chrome, Safari, IE8+ (é preciso Respond.js para IE8)
  • Licença: MIT08

2. Foundation

foundation - Cópia

Um framework bastante avançado e com funções semânticas, além disso, eles prometem um código limpo e rápido. O framework também disponibiliza uma ampla documentação com diversos exemplos para acelerar o aprendizado da sua utilização.

  • Cridores: Mark Otto e Jacob Thornton.
  • No mercado desde: 2011
  • Versão atual:6.3.1
  • Popularidade: mais de 25,400 no GitHub
  • Princípio: RWD, mobile first, web semântica.
  • Tamanho do framework: 197.5 KB
  • Pré-processador: Sass
  • Responsivo: Sim
  • Modular: Sim
  • Templates/layouts: Sim
  • Ícones: Foundation Icon Fonts
  • Extras/Add-ons: Sim
  • Documentação: Boa, diversos recursos adicionais disponíveis.
  • Customização: Personalizador de GUI básico semelhante à ferramenta do Bootstrap.
  • Suporte de navegador: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
  • Licença: MIT

3. Semantic UI

Super inovador, o Semantic UI faz parte de um esforço contínuo para tornar os sites de construção muito mais semânticos. Com descreve o seu mote “Uma estrutura de componente de UI baseada em princípios úteis da linguagem natural”, ele utiliza princípios de linguagem natural, tornando o código muito mais legível e compreensível.

 

semantic

  • Cridor: Jack Lukic
  • No mercado desde: 2013
  • Versão atual: 2.2
  • Popularidade: mais de 34,000 no GitHub
  • Prinicípios: Semântico, ambivalencia de tags, responsivo.
  • Tamanho do framework: 806 KB
  • Pré-processador: Less
  • Responsivo: Sim
  • Modular: Sim
  • Templates/layouts: Sim, alguns templates iniciais são oferecidos.
  • Ícones: Font Awesome
  • Extras/Add-ons: Não
  • Documentação: Muito boa. Ele oferece uma documentação muito bem organizada. Além disso, o usuário conta com um site para aprender a utilização do framework que oferece um guia para começar.
  • Customização: Sem customizador via GUI, apenas customização manual.
  • Suporte de navegador: Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10
  • Licença: MIT

4. Pure

pure

Fechando a lista de frameworks front-end, temos o Pure, leve e modular – escrito em CSS puro – que inclui componentes que podem ser usados em conjunto ou separadamente dependendo de suas necessidades. Esse framework front-end oferece estilos chamados “barebones”, ou seja,  são ideais para um projeto limpo e leve. Ele funciona bem para pessoas que não precisam de uma estrutura completa, mas querem apenas componentes específicos para incluir e completar um trabalho.

  • Criador: Yahoo
  • No mercado desde: 2013
  • Versão atual: 0.6.2
  • Popularidade: 16,637 stars on GitHub
  • Princípio: SMACSS, minimalismo.
  • Tamanho do framework: 16 KB
  • Pré-processador: Nenhum
  • Responsivo: Sim
  • Modular: Sim
  • Templates/layouts: Sim
  • Ícones: Nenhum. É possível usar o Font Awesome.
  • Extras/Add-ons: Nenhum
  • Documentação: Boa
  • Customização: GUI básica “Skin Builder”
  • Navegadores suportados: últimas versões de Firefox, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
  • Licença: Yahoo! Inc. BSD

Listamos essas 4 opções de frameworks front-end que são populares e possuem uma boa reputação em relação a sua qualidade. Escreva nos comentários quais frameworks opensource você utiliza e contribua para melhorar essa lista.

Quer mais conteúdo? Acesse o eBook 60 ferramentas gratuitas que irão potencializar a produção do seu dia a dia.

60 Ferramentas Gratuitas para Agilizar sua Rotina

Ganhe tempo utilizando ferramentas inteligentes

[row cols_nr=”2″ class=”narrow”]
[col size=”6″]



[/col]

[col size=”6″]

ebook 60ferramentas

[/col]

[/row]

Ficou alguma dúvida sobre as opções de frameworks front-end? Deixe nos comentários!
Para hospedar seus projetos em um ambiente com tecnologia de ponta, conheça os planos de hospedagem compartilhada ou planos para desenvolvedores da KingHost.

Fique ligado no LAB, o Blog da KingHost, para mais novidades.

O que você achou deste conteúdo?

O que você achou deste conteúdo?

Leonéia

Leonéia Evangelista

é bacharel em Comunicação Digital pela Unisinos e mestre em Bibliotecas Digitais pelo programa Digital Library Learning (Erasmus Mundus). Trabalha com web há mais de 8 anos e atualmente cursa MBA em Marketing Estratégico.

Leonéia

Leonéia Evangelista

é bacharel em Comunicação Digital pela Unisinos e mestre em Bibliotecas Digitais pelo programa Digital Library Learning (Erasmus Mundus). Trabalha com web há mais de 8 anos e atualmente cursa MBA em Marketing Estratégico.

Compartilhe esse conteúdo com alguém que possa gostar também

Conteúdos relacionados

autenticação de dois fatores 2FA
Geral

Autenticação de dois fatores: a importância da 2FA na sua segurança online

Se você trabalha diariamente na internet, com certeza em algum momento se preocupou com a segurança das suas informações. Afinal, diversos dados pessoais e bancários são acessados todos os dias. Nesse contexto, cada dia mais existe a necessidade de reforçar a segurança dos seus dados e se proteger de possíveis golpes no mundo online. Por...
Ler mais
o que é chatbot
Empreendedorismo

O que é Chatbot e como ele impacta o seu negócio

Você já ouviu falar de chatbot? Provavelmente a resposta é sim. Isso porque, essa tecnologia tem ganhado cada vez mais espaço na comunicação digital. Afinal, com a evolução tecnológica e as inúmeras ferramentas que prometem facilitar nossa rotina, os chatbots garantem destaque em diversos setores, desde atendimento ao cliente até vendas e marketing. Neste artigo,...
Ler mais
velocidade do site
Criar Online

6 ferramentas gratuitas para testar a velocidade do seu site

Você certamente já passou pela frustração de abrir um site que demora uma eternidade para carregar. Então, sabe como isso é irritante, não é mesmo? Com isso, sabe que a velocidade do site desempenha um papel fundamental na experiência dos usuários e no sucesso do seu negócio online.  Neste artigo, você vai conhecer as melhores...
Ler mais
Capa com pessoa usando o computador. Imagem ilustrativa para o texto cursos de programação gratuitos.
Desenvolvimento

9 sites com cursos de programação gratuitos para impulsionar sua carreira

Aprender a programar nunca foi tão fácil! Visto que, hoje em dia, existem diversos recursos gratuitos na web que podem te ajudar nessa jornada.  Então, se você é um completo novato no assunto, não se preocupe, esses recursos são perfeitos para você.  Mas não pense que eles são exclusivos para iniciantes, pois mesmo quem já...
Ler mais

Assine a nossa newsletter e receba conteúdos para apoiar o crescimento do seu negócio

Sem Título(obrigatório)

Copyright © 2006-2023

Contratos e Políticas

Política de Privacidade

Cookies

ARTIGOS

Empreendedorismo Digital

Marketing Digital

Vender mais online

Gestão de Negócio

Criar um site

Glossário

Tutoriais

Tecnologia

Desenvolvimento

Design e UX/UI

CONTEÚDOS POR PRODUTOS

Serviços de Hospedagem

Hospedagem de Site

Hospedagem WordPress

Hospedagem Node.js

Hospedagem Cloud

Soluções em Nuvem

Servidor VPS

Soluções em Marketing

Email Marketing

Serviços Essenciais

Registro de Domínio

Criador de Site

Certificado SSL

Email profissional

Email exchange

Parceria com a KingHost

Revenda

Indique e Ganhe

VEJA TAMBÉM

Materiais Educativos

Casos de Sucesso

A KingHost

AJUDA

Central de Ajuda

Canais de Atendimento

Atendimento via Chat

ARTIGOS

Empreendedorismo Digital

Marketing Digital

Vender mais online

Gestão de Negócio

Criar um site

Glossário

Tutoriais

Tecnologia

Desenvolvimento

Design e UX/UI

CONTEÚDOS POR PRODUTOS

Serviços de Hospedagem

Hospedagem de Site

Hospedagem WordPress

Hospedagem Node.js

Soluções em Nuvem

Hospedagem Cloud

Servidor VPS

Soluções em Marketing

SEO Certo

Email Marketing

Soluções Essenciais

Registro de Domínio

Criador de Site

Certificado SSL

Antispam

Parceria com a KingHost

Revenda

Indique e Ganhe

VEJA TAMBÉM

Conteúdos Gratuitos

Casos de Sucesso

A KingHost

AJUDA

Central de Ajuda

Canais de Atendimento

Atendimento via Chat

Contratos e Políticas

Política de Privacidade

Cookies

Copyright © 2006-2023

📅 Aulão GRATUITO 🚀 Como VENDER MAIS na internet 💰

ASSISTA AGORA

Mensagens para você

Faça seu site bombar ☁️🖥️
Conquiste mais visitas, sem abrir mão do desempenho!
Veja como vender mais no seu site 🚀
Datas comemorativas: como vender mais no site
Kit de Planejamento Financeiro ✨
Kit com Planilha de DRE e Ebook de Gestão Financeira.