(Este é um vídeo patrocinado no qual trabalhei entre nós no CSS-Tricks e no Webflow. Acho que o Webflow é um produto fascinante para a construção de sites que, na minha opinião, está em uma categoria só sua no momento. Demora um pouco para entender, então espero que este vídeo possa ajudá-lo a fazer isso.)
1) O Webflow foi desenvolvido para projetos e desenvolvedores profissionais
Já sabe como construir sites com código? Fantástico. Isso não significa que o Webflow está abaixo de sua capacidade. Webflow é todas as mesmas abstrações de HTML e CSS, mas expõe essas interfaces em uma tela visual.
2) Os estilos reutilizáveis são o cerne do Webflow
O desenvolvedor CSS em você provavelmente deseja transformar tudo em classes. Uma classe é a ferramenta definitiva do CSS para reutilização. Boas notícias, tudo que você estiliza no Webflow é feito literalmente por meio de um seletor que é uma classe. Nem mesmo “curtir” uma aula. É uma verdadeira aula sob o capô. O Webflow não simula a web, é a web.
3) O Webflow tem recursos como Flexbox e CSS Grid
Trabalhar com flexbox e grade em uma tela visual sem ter que pensar sobre a sintaxe é muito satisfatório. Em vez de lembrar os nomes e valores das propriedades, você clica em botões para lidar com espaçamento e alinhamento ou usa ferramentas diretamente na própria tela.
Está preocupado com o design responsivo? O Webflow cobre isso totalmente. Conforme você redimensiona e altera os pontos de interrupção, a própria tela muda de tamanho e os estilos que você define fluem de grande para pequeno.
4) Publique mais rápido, se preocupe menos
Quando terminar de projetar o site no Webflow, você não o entrega a outra pessoa para construí-lo em outro lugar. Você já acabou, você construiu o site. Você pode clicar no botão publicar e tê-lo ativo em um URL em segundos. Você pode então mapear qualquer outro domínio para ele e terá sua situação de hospedagem e implantação resolvida. Sem SFTP. sem problemas de segurança. Nenhuma atualização de software que você tenha que cuidar sozinho.
5) O Webflow CMS é extremamente poderoso e desenvolvido com clientes e profissionais de marketing em mente
O Webflow possui um CMS integrado que é tão poderoso quanto qualquer outro. Você configura exatamente o tipo de modelo de conteúdo de que precisa (obviamente, nenhuma codificação é necessária) e está pronto. Como um criador de formulários, em certo sentido. Então, esses campos se tornam utilizáveis em seus modelos tão facilmente quanto o conteúdo estático.
Talvez a melhor parte seja que a criação e a edição desses dados se tornem possíveis por meio de uma interface mínima diretamente no próprio site. Cada campo que está no CMS (e que você permitiu) pode ser editado diretamente no front-end do site ativo. Também há uma barra na parte inferior para criar e editar conteúdo por meio de uma interface de administrador. É o melhor dos dois mundos, edição na página e edição em estilo de formulário.
6) As ferramentas de animação do Webflow são o próximo nível
É possível que a primeira vez que você ouviu falar do Webflow foi olhando os sites que ele construiu com um design de interação incrível. Curiosidade, todas as páginas de marketing do próprio Webflow são construídas com Webflow. Confira a página do designer para uma amostra.
Animações baseadas em rolagem, como paralaxe, animações em eventos como cliques e focos, tudo possível através de um painel de interação onde você as anexa a mudanças em coisas como opacidade, movimentos e rotações. Existem predefinições elegantes para ajudá-lo, bem como coisas de próximo nível, como a integração de animações Lottie alucinantes.
7) Há muitos conteúdos de aprendizagem e comunidade para você
Aprender Webflow não dá sorte, espero que você encontre alguns posts de blog ou alguma coisa de vídeos do YouTube. Webflow University é totalmente gratuito e totalmente embalado com tudo o que você poderia querer saber sobre a construção de sites com Webflow. Este pode ser o seu bootcamp.
Experimente o Webflow