Não é muito conveniente para um desenvolvedor da Web testar seu design da Web em um computador apenas para descobrir que o design é defeituoso quando visto de um smartphone. Aqui para ajudá-lo a resolver essa preocupação no estágio de desenvolvimento, existe um aplicativo chamado FROONT.
O FROONT é um serviço web gratuito que permite criar sites em uma interface responsiva. Você começa a usar o serviço da Web criando uma conta no site. O próximo passo é começar com uma nova tela, embora você possa testar o site com sua página de demonstração também. Na tela, você encontrará controles no painel esquerdo que permitem adicionar contêineres, grades, texto, imagens e vetores. Você pode clicar no tipo de elemento que deseja adicionar.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code.jpg")
Pode haver um pequeno atraso entre o clique no botão e o elemento que realmente aparece na página - esse é o tempo de carregamento do elemento. Quando o elemento está presente na página, você pode clicar nele para que seja destacado.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code-2.jpg")
Com um elemento selecionado, você encontrará sua caixa de hierarquia flutuando ali mesmo na página. Essa caixa de hierarquia flutuante permite que você exclua ou seja levado facilmente para um determinado elemento. Para editar elementos, tudo o que você precisa fazer é clicar duas vezes no item. Os itens também podem ser redimensionados para atender às suas próprias preferências de design. Para campos de texto, várias opções aparecerão em uma mini janela flutuante que permitirá adicionar formatação especial ao texto.
![FROONT: Projete seu site em uma interface responsiva e obtenha as opções de código](img/internet/649/froont-design-your-website-responsive-interface-get-code-3.jpg")
Quando terminar de fazer modificações na página, você poderá obter o código CSS e HTML do design da página. Você também pode compartilhar o URL das páginas criadas para compartilhar designs com seus amigos e colaboradores.
![FROONT: Projete seu site em uma interface responsiva e obtenha a fonte do código](img/internet/649/froont-design-your-website-responsive-interface-get-code-4.jpg")
Ao editar seus projetos, você pode simplesmente redimensionar a janela do navegador para ver a aparência de sua página em um navegador com dimensões menores, como, por exemplo, um smartphone.
Características:
- Um serviço da web fácil de usar.
- Permite criar páginas da Web em uma interface responsiva.
- Ajuda você a economizar tempo gasto testando o site separadamente em dispositivos.
- Página se reajusta quando você redimensiona a janela do navegador.
Confira FROONT @ http://froont.com