Como gerar HMTL e CSS
- Ariel
- 27 de out. de 2020
- 1 min de leitura
Atualizado: 29 de out. de 2020
Prof. Eduardo Ariel
Unindo dois universos em uma interface.
Um dos principais desafios para muitos designers e criativos que trabalham com mídia interativa, está em transformar protótipo em código. Assim, com o intuito de facilitar separarmos algumas ferramentas que poderão fazer isso.
Supernova
Figura: Página inicial da nova versão do Supernova - https://www.supernova.io
Abaixo segue uma palestra sobre o aplicativo, onde é possível compreender suas principais funções.
O programa possui uma versão antiga, ainda em funcionamento, dedicada mais para mobile.
Figura: Página inicial da versão antiga do Supernova - https://legacy.supernova.io
Inspect by Invision
O Invision possui um aplicativo para criação e integração de código. Vale dar uma conferida, tendo em vista o sucesso da sua versão de prototipagem.
Uizard
Já imaginou uma ferramenta de prototipagem em que você desenha no papel e ela converte para elementos de tela. Seria ótimo se existisse?
Parece que os desenvolvedores da Uizard leram os nossos pensamentos. Fizeram um aplicativo que faz exatamente isso. Ademais, exporta o código da solução gerada.
Obs.: Dica enviada pelo Prof. Fabiano Ramos.
Hadron
O programa Hadron utiliza o recurso de integração síncrona com programadores, mas permite que o designer elabore sua interface de forma independente. Ele gera um código automático, usando recursos What You See Is What You Get (WYSIWYG). Assim, tudo que é desenhado na tela terá um código correspondente, ainda que você não tenha escrito. Em suma, o software gera para o usuário toda programação necessária para o produto funcionar.
With 48 distinct characters, players can choose from various special abilities, enhancing gameplay and providing a fresh twist on head basketball.
Hey everyone, I've been wrestling with turning prototypes into code lately, a real game changer, right? It's almost like navigating a complex life simulation, similar to mastering Bitlife ! Finding the right tools to bridge that gap is crucial for any interactive media designer. Anyone have favorite recommendations that make the development process smoother?
Incredibox Sprunki drag-and-drop interface is so simple that anyone can jump in and start mixing. The game guides you naturally, letting you focus on creativity rather than technical know-how. It’s perfect for kids, teens, and adults alike.
https://sprunki.net/
Sprunki blends visuals and music—drag to mix with endless creativity. Newbies or pros can enjoy free creation at Sprunki Official!
Welcome to Planet Clicker, the ultimate destination for fans of space exploration and idle gaming!