Skip to content

📝Aula + Checklist: Criando seu Mini Aplicativo com IA 💻

conteúdo gratuito
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 Cloud

    Hospedagem WordPress

    Hospedagem Node.js

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

    ou navegue pelas subcategorias

    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 03/06/2024

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″]

[/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

Receba todo mês conteúdos
incríveis como esses para
seguir evoluindo

ASSINAR NEWSLETTER

Conteúdos relacionados

Comandos Git: 22 comandos essenciais
Desenvolvimento

Guia prático: 22 comandos Git essenciais

O Git se estabeleceu como uma ferramenta indispensável para pessoas desenvolvedoras que desejam gerenciar e versionar seus códigos com agilidade e segurança.  Desde o seu surgimento, ele transformou a forma como trabalhamos de maneira colaborativa em projetos de software – seja em pequenos times ou em grandes empresas.  Neste artigo, vamos explorar os principais comandos...
Ler mais
10 Melhores Bibliotecas JavaScript
Desenvolvimento

Bibliotecas JavaScript: uma introdução completa

JavaScript é uma das linguagens de programação mais populares do mundo, amplamente utilizada para o desenvolvimento de aplicações web dinâmicas. Assim, para facilitar o trabalho nesta área, diversas bibliotecas JavaScript foram criadas.  Neste artigo, vamos explorar o que são bibliotecas JavaScript, como utilizá-las e quais são as principais opções disponíveis no mercado. Você vai ter...
Ler mais
Desenvolvimento

NoSQL: Guia completo sobre bancos de dados não-relacionais

...
Ler mais
o que é devops
Desenvolvimento

DevOps: Unindo desenvolvimento e operações para o sucesso contínuo

No cenário tecnológico em constante evolução, a busca por eficiência, agilidade e entrega contínua de valor se tornou primordial. É nesse contexto que o DevOps emerge como uma abordagem revolucionária, unindo as equipes de desenvolvimento (Dev) e operações (Ops) em prol de um objetivo comum: o sucesso do produto e a satisfação do cliente. Neste...
Ler mais
Instagram Linkedin Youtube Facebook

Copyright © 2006-2024

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

Instagram Linkedin Youtube X-twitter Facebook

Copyright © 2006-2023

Planejamento de Marketing 2025: Combo de Estratégias para escalar sua presença digital 🚀

BAIXAR GRÁTIS

Mensagens para você

Guia da Presença Digital 🚀
Escale a presença digital do seu negócio de forma simples!
Newsletter KingHost 💡
Fique por dentro dos melhores conteúdos para evoluir no digital!
Gerenciamento de Redes Sociais 💻✨
Materiais gratuitos para evoluir no digital