top of page
  • Foto do escritorAriel

Como gerar HMTL e CSS

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.

77 visualizações3 comentários

Posts recentes

Ver tudo

3 Comments


carlosmadden911
carlosmadden911
há 10 horas

space waves is an arcade game where you navigate an arrow through a series of challenging levels, dodging obstacles to reach the finish line. With 33 levels to explore, you can choose your adventure and tackle challenges at your own pace. Each level is rated with difficulty icons, making it easy to select a game that suits your skill level and courage.

Like

Anna Kena
Anna Kena
Aug 30

This article provides great insights into tools that bridge design and coding. Speaking of testing boundaries, have you checked out the new rice purity test? It’s an interesting way to reflect on experiences while embracing creativity!

Like

Joe Lie
Joe Lie
Aug 23, 2022

This is a post about How to generate HTML and CSS. The structure and content of a web page are defined by HTML (Hypertext Markup Language), including where items go, how they are organized, and what is on the page. Using CSS (Cascading Style Sheets), you may style and show a web page's elements. One truly can't exist without the other because they both contribute to the final web page's structure, appearance, and content. That's why I always use this HTML and CSS in my computer work. If you need an assignment then I suggest that you should contact the Types of periodic reports service. This is helpful your article about generating HTML and CSS

Like
bottom of page