Ir para conteúdo
  • ×   Você colou conteúdo com formatação.   Remover formatação

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Conteúdo Similar

    • Por Edgard Hufelande
      Olá, tenho algumas dúvidas sobre o uso de PWA para desenvolvimento de uma aplicação mobile offline, vou colocar como questões ficará mais fácil de entende-las.
      Ficaria extremamente grato se algum especialista em PWA possa tirar minhas dúvidas. rs
       
      1 - A tecnologia PWA realmente é algo que tem futuro? Acham que boa parte dos futuros apps poderão ser feitos em PWA?
      2 - Caso a aplicação deva ser totalmente offline, entrar no modo online apenas para sincronização de dados produzidos, vale a pena o uso do PWA?
      3 - No uso do armazenamento do IndexedDB, há alguma forma de implementar uma segurança dos dados? Ex: Autenticação de usuários, dados restritos etc...
      4 - É possível que eu tenha alguma dor de cabeça futuramente, que seja um problema geral? Algo que ocorra com bastante gente?
      5 - Pra finalizar, uma sugestão sua PWA ou Cordova?
         Explicação: estou fazendo uma aplicação em Angular 5 e preciso que essa aplicação funcione totalmente offline, em um certo momento irei sincronizar com o servidor os dados produzidos, é uma
                               aplicação com prazo pra ser desenvolvido, achei interessante a tecnologia do pwa e ao meu ver poderia dar praticidade tanto no desenvolvimento quanto na disponibilização da aplicação
                               para os usuários.
    • Por gabrieldarezzo
      Salve salve!
       
      Eu queria fazer um Menu estilo whatsApp: 
       
       
      O mais próximo que cheguei foi isso: (LIVE DEMO)
      http://gabrieldarezzo.github.io/menuTouch/ 
       
      Source completo:
      https://github.com/gabrieldarezzo/menuTouch
       
      Alguem tem alguma dica de Plugin/jQuery/Angular ou qualquer PWA que tenha o mesmo comportamento?
       
      Basicamente tentei dividir o 'problemão' em problemas menores...
      O menu do Whats tem:
      (Feito) Opção de clicar direto pelos menus 
      (Feito) Opção de Arrastar o touch/mouse 
      Animação da borda Bottom (já me indicaram a do Sergio Lopes, então acho q me viro daqui pra frente...
      Empurrar todo o box div para a direita e simultaneamente o outro para a esquerda.
       
      Então basicamente vou ter 3 divs correspontende a cada item do menu:
       
      <div class="tab-content"> <div id="recados" role="tabpanel" class="tab-pane fade in active" ng-swipe-right="menuInschoolRight(this)" ng-swipe-left="menuInschoolLeft(this)"> Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. </div><!-- / #recados --> <div id="avisos" role="tabpanel" class="tab-pane fade in" ng-swipe-right="menuInschoolRight()" ng-swipe-left="menuInschoolLeft(this)"> aralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. Ntate inalterado. Se popularizou na década de 60, quando a Letrase </div><!-- / #avisos --> <div id="eventos" role="tabpanel" class="tab-pane fade in" ng-swipe-right="menuInschoolRight()" ng-swipe-left="menuInschoolLeft(this)"> Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. inando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda e </div><!-- / #eventos --> </div><!-- / .tab-content -->  
      Minha duvida principal é como fazer esse comportamento do SlideIn /Left  + SlideIn /Right, to estudando até Theread pra vocês terem uma noção... hahaha
      Enfim qlq luz ta valendo, abraço a todos.
       
       
       
       
      Quem quiser pode dar uma olhada no resultado:
      https://github.com/gabrieldarezzo/menuTouch
       
      Outra opção:
      http://materializecss.com/tabs.html
      (Abas) / swipeable 
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.