Estamos mudando constantemente e a maneira de fazer as coisas foi simplificada para os desenvolvedores de aplicativos da web. Mesmo que muitos prefiram criar seu próprio código, é verdade que existem ferramentas que facilitam nossa vida e nos permitem implantar um projeto rapidamente.
Talvez no ecossistema FrontEnd, o framework CSS / JS mais popular e usado nos últimos tempos seja o Bootstrap com o devido motivo. O Bootstrap é possivelmente o mais completo em comparação com a concorrência e tem opções para quase tudo, mas não é o único, e por uma questão de gosto, nem mesmo o mais bonito.
Pesquisando na internet por mim Eu encontrei uma lista com alguns dos frameworks CSS / JS mais populares e, o mais importante, código aberto, que podemos usar em nossos projetos pessoais. Mas neste caso mencionarei apenas os 5 que considero os mais interessantes. Vamos começar:
Revestimento superior
Este em particular não o conhecia. Lançado pela Adobe®, é um framework que se concentra principalmente em fornecer o que é necessário para criar aplicações web para todos os dispositivos. Entre suas principais características estão:
- É rápido.
- Os temas podem ser personalizados.
- Ícones próprios.
- Source Sans Pro, uma fonte OpenSource da Adobe.
UIkit
Pelo que pode ser visto, o UIkit é um dos rivais mais fortes do Bootstrap e, como um dado diferencial, adiciona uma série de componentes que a estrutura do Twitter não adiciona por padrão, ou simplesmente os melhora.
UI semântica
Outro rival do Bootstrap que vale a pena levar em conta, já que não só fornece novos componentes, mas podemos escolher entre vários estilos / temas para eles. Podemos escolher que os botões por exemplo sejam semelhantes ou iguais aos do GMail, Github, Amazon, Google Material, Bootstrap, Twitter, entre outros.
INK
Outro candidato muito bom a considerar. INK também nos fornece novos componentes ou com um design e funcionalidade um pouco diferente do que encontramos no Bootstrap.
Metro UI
Se quisermos fazer algo mais próximo dos usuários do Windows, Metro UI é uma das variantes que temos. E eu digo um, porque se olharmos um pouco encontramos outras opções para o próprio Bootstrap.
Conclusão
Dependendo de nossas necessidades e objetivos, temos várias alternativas como já vimos. Embora eu tenha mencionado apenas os 5 que considero, eles são os mais completos, há muitos mais, como você pode ver na lista que mencionei no início. Percebe-se também que muitos deles pegaram ideias do Bootstrap e até as aprimoraram e que empresas como a Adobe aderiram à iniciativa de criar esse tipo de ferramenta para aprimorar nosso trabalho.
Se tivermos o conhecimento necessário, talvez possamos até mesclar vários deles pegando o que precisamos. A escolha é sua de qualquer maneira.
Você perdeu a contribuição do Yahoo: Pure CSS, com foco no minimalismo e leveza.
Pure é ridiculamente minúsculo. Todo o conjunto de módulos tem clock de 4.0 KB * reduzido e compactado. Feito com dispositivos móveis em mente, era importante para nós manter os tamanhos de arquivo pequenos e cada linha de CSS foi cuidadosamente considerada. Se você decidir usar apenas um subconjunto desses módulos, economizará ainda mais bytes.
http://purecss.io/
Sim, Pure é uma opção, mas apesar do seu tamanho, a partir dos meus critérios muito particulares, não é tão completo como os mencionados acima.
O que eu gosto no Pure é que ele fornece o básico e é muito rápido de aprender e implementar, você pode usá-lo em um site e dá-lhe a oportunidade de fazer algo original, você não é "bootstrapificado" como a maioria.
Amigo, acho que você deixou de fora um dos grandes rivais do Bootstrap… Foundation
É verdade ... O Fundation passou por mim, que é outro dos grandes, possivelmente o maior concorrente do Bootstrap pelo que dizem.
Amigo estou com saudades de uma materializecss importante. Felicidades
Foundation é o melhor framework para design de interface, o mais completo e versátil, e é um grande competidor do bootstrap, embora o bootstrap não alcance a sola dos sapatos.
Muito interessante, eu não os conhecia. Também fiquei surpreso por não ver fundamento nessa lista.
aliás o site do link que deixa no início esta base que sem dúvida é uma das concorrentes mais fortes.
Vou começar a pensar mais nesses frameworks para alguns desenvolvimentos, por enquanto todos os sites responsivos que escrevo a partir de 0, mais cem prazer em escrever tudo Xd
No final do dia, eles são todos iguais. Letras grandes e boas em fundo branco
Regras BackEnd 😀
A verdade é que neste momento, este post é muito bom para mim, obrigado 😉
Estou usando a semântica da interface do usuário e não é tão intuitivo dizer
Sem Materializar ou Fundação, essa lista é uma besteira.
Por que disse quem? Onde está escrito que esses dois especificamente devem estar? Se você ler os comentários (algo que aparentemente você não fez) verá que admito que estava com saudades da Fundação, mas a lista que você vê neste artigo é baseada no meu agradecimento e você não precisa concordar com isso, mas não precisa dizer que é lixo.
Olá, artigo muito bom. Mas eu queria te dizer que parece que alguém copiou em seu site sem refletir a fonte original. Não sei como você lida com essas questões, mas achei que gostaria de saber. O link é: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Uma saudação.
Sim, é normal que isso aconteça. Já entrei em contato com os responsáveis pelo site 😉
Excelente contribuição! O bootstrap certamente abriu as portas para pessoas como eu, que são boas no backend, mas péssimas no frontend em CSS, para entregar um produto de aparência decente. Talvez não tenha sido a maneira correta como deveriam ter mencionado, mas concordo que está faltando MaterializeCSS nesta lista; uma estrutura leve e poderosa, com a aparência de design de material e a curva de aprendizado mais maravilhosa possível. Em 10 minutos consegui configurar uma interface muito boa graças a este framework. Sua documentação é tão simples que, comparada ao bootstrap, faz com que pareça engenharia aeroespacial. Então, sugiro dar uma olhada em Materialize (materializecss.com). Felicidades!