Categorias

Desenvolvimento de aplicativos

Como criar um wireframe usando o Draw.IO

O que é um Wireframe? Wireframe é um protótipo usado em design de interface para sugerir a estrutura de um site, aplicativo ou sistema de informação. Um wireframe é uma ilustração semelhante ao layout e elementos fundamentais da interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido, tendo como principal objetivo a […]

Como mostrar as condições do tempo em seu site ou aplicativo.

A API accuweather A API da accuweather oferece uma forma simples de colocar dados da condição climática e temperatura da sua cidade em seu site. A API utiliza de uma estrutura jSON. Para ter acesso aos dados jSon da cidade de Atibaia por exemplo, acesse o endereço; http://apidev.accuweather.com/currentconditions/v1/36728.json?language=pt&apikey=hoArfRosT1215 Você verá estas informações; Como obter dados […]

Dicas Framework 7 – Como executar uma função JS no carregamento de uma página.

É comum situações na qual uma determinada função JS, DOM 7 ou jQuery só devem ser executadas quando o usuário acessa determinada página do aplicativo, logo, não podemos carregar estas funções de imediato no index, pois dependem da ação do usuário. Podemos carregar qualquer função diretamente no arquivo my-app.js, dentro do bloco routes. No modelo […]

Dicas do Cordova – Abrir uma página da Web dentro do aplicativo

As vezes precisamos que o nosso aplicativo abra páginas externas mas não queremos que o usuário tenha que sair do aplicativo para poder navegar. O plugin cordova-plugin-inappbrowser resolve esta paradinha para você. A função abaixo deve ser utilizada junto com a função que verifica a conectividade com a Internet. Se você ainda não sabe como […]

Dicas do Cordova – Verificar a conexão com a Internet.

Se em seu aplicativo você precisar checar a conexão com a Internet, o plugin cordova-plugin-network-information resolve esta paradinha para você. A função a seguir retorna se o dispositivo possuiu uma conexão com a internet. internet = 'No'; /* Verifica Conexão com a Internet */ function verificaInternet() { var networkState = navigator.connection.type; var states = {}; […]

Dicas Framework 7 – Como trabalhar com os ícones do F7

Pacote de ícones do Framework 7 Faça o download do pacote de ícones no GitHub; https://github.com/framework7io/framework7-icons Descompacte o arquivo Copie a pasta framework7-icons-master para dentro do seu projeto, cole dentro da pasta www. Como usar os ícones do Framework 7 Edite o arquivo index.html, acrescente a seguinte linha <link rel="stylesheet" href="framework7-icons-master/css/framework7-icons.css"> dentro do bloco <head> […]

Dicas Framework 7 – Como criar um menu lateral.

Para criar um menu lateral no Framework 7 é bem simples, basicamente precisamos de dois códigos; código do painel lateral (side panel) No index.html, utilize o código abaixo logo após a linha <div id="app">. <div class="panel panel-left panel-reveal"> <div class="block"> <div class="list simple-list"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> </div> </div> Código […]

Dicas Framework 7 – Como colocar um botão voltar nas páginas internas do App.

Nesta aula eu ensino como criar as páginas internas do App – Como criar uma interface para seu aplicativo mobile usando Framework 7. O código a seguir acrescenta um botão voltar dentro das páginas internas e deve ser colocado dentro da DIV da NAVBAR. <div class="left"> <a href="#" class="back link"> <i class="icon icon-back"></i> </a> </div> […]