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.
Great post! Your write-up pairs well with what removebackgroundgif.com does for gif background remover — different angle, complementary coverage.
Discordo que gerar HTML e CSS a partir de uma descrição tire essa etapa do caminho: ela só troca de mãos. Numa folha de caligrafia com três arquivos, alguém ainda decide quais classes entram em cada um, e a lista só cresce. Uma tabela de valores das cartas Pokémon sai pronta de qualquer gerador, mas o estilo de cada arquivo continua decisão manual.
Professores que montam folha de caligrafia para treino de letra aproveitam isso mais do que quem só quer uma página parada: o passo do dentro do é o que decide se os três arquivos abrem com estilo ou em branco. Para quem não quer escrever as tags à mão, gerar o HTML e o CSS a partir de uma descrição tira essa parte do caminho. O "HMTL" do título segue impune.
Mình không có thói quen chơi quá lâu, thường chỉ lúc rảnh mới vào xem vài game để thư giãn. Gần đây mình thử qua 8xbet, ban đầu chỉ định lướt xem giao diện nhưng thấy các mục được sắp xếp khá rõ nên cũng chơi thử vài ván. Tốc độ tải ổn, lúc chuyển từ game này sang game khác không phải chờ lâu. Mình thích kiểu bố trí đơn giản như vậy vì không cần mất thời gian tìm kiếm. Nhìn chung trải nghiệm khá nhẹ nhàng, hợp với mình khi chỉ muốn vào chơi nhanh một lúc rồi nghỉ.
Sau khi thấy một vài người chia sẻ, mình cũng vào https://8xbetsh.com/ xem qua để tham khảo cách họ làm giao diện và phân chia chuyên mục. Cảm nhận ban đầu là trang web trình bày rất mạch lạc, bố cục cân đối và chia khu vực rõ ràng nên nhìn rất thoáng mắt. Thanh điều hướng cũng được làm trực quan, hiển thị đủ danh mục nên việc thao tác hay chuyển đổi giữa các phần nội dung cực kỳ nhanh chóng và thuận tiện.