maykbrito / fronteditorv2

⚡️ Empower creativity with seamless code editing!
https://fronteditor.dev
355 stars 44 forks source link

Responsividade mobile #14

Open Matheus-Pazinati opened 2 years ago

Matheus-Pazinati commented 2 years ago

Projeto muito massa, imaginei ele sendo usado pelas pessoas durante uma viagem, ou até mesmo esperando em uma sala aguardando o dentista, testando coisas que vem na cabeça, por exemplo: Será que da pra aplicar CSS via data-attributes?

Acho que seria legal na versão mobile ter uma aba específica só para mostrar o preview, e deixar o Live-reload sempre habilitado neste caso, ou seja, deixar o editor ocupar toda a tela do celular, e quando o usuário clicar na aba preview, o preview ocupa 100%.

maykbrito commented 1 year ago

Gostei muito da ideia. 😍

ghost commented 1 year ago

Oi maykbrito e Matheus-Pazinati, como estão?

Estava pensando em fazer uma versão como vim/nano/vi/emacs - no sentido do fronteditorv2 não ter guias como md, html, js.

Minha ideia geral é em vez de ter guias, deixar com que o input seja descoberto. Por exemplo, vamos dizer que você está escrevendo algo em js, daí o programa identifica o js pelo código que você está escrevendo.

um dos recursos que possui isso é chamado de "live-reload" ou é "hot-reload". por exemplo, existe um editor chamado "ace editor" que possui o recurso "live-reload" ou é "hot-reload" que reconhece através do código pre

eu falei do "live-reload" ou é "hot-reload" que ajudaria bastante o mobile. já que não existe abas como js, html, md. coisas como nano/vim/vi não possuem abas.