Ir para conteúdo
  • Cadastre-se
Entre para seguir isso  
Helderdf

WebApp com HTML5

Posts Recomendados

Boa tarde,

Venho atravéz desse forum tentar resolver uma dor de cabeça.

Alguem sabe alguma coisa ou mesmo tem algum material sobre HTML5 para Ipad / Iphone ???

Se alguem souber ou tiver algum material favor compartilhar pois preciso para estudos e desenvolvimento de um jornal eletronico para Ipad's.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder este tópico…

×   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.   Limpar editor

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

Entre para seguir isso  

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.



  • Conteúdo Similar

    • Por MarcosMoraes
      Estou com problema em um site que somente no iOS não faz o carregamento da imagem através de URL em css

      o css do home 

      >>> - a imagem na url somente não carrega no iOS, funciona normalmente em todos navegadores, em Android, Windows Phone e OS
      (batendo cabeça com isso)
      #home {
        width: 100%;
        height: 100%;
        background-color: #f9628f;
        background-image: url(../images/hero-bg.jpg);
        background-repeat: no-repeat;
        background-position: center 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
        min-height: 804px;
        position: relative;
      }
      #home .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .2;
        background-color: #19191b;
      }
      .home-content-table {
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        text-align: center;
      }
      .home-content-tablecell {
        display: table-cell;
        vertical-align: middle;
        z-index: 500;
      }
      .home-content-tablecell .row {
        position: relative;
        padding-top: 16.2rem;
        padding-bottom: 15rem;
      }
      .home-content-tablecell h3 {
        font-family: "montserrat-bold", sans-serif;
        font-size: 2.2rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: .3rem;
        margin: 0 0 .9rem 0;
      }
      .home-content-tablecell h1 {
        font-family: "montserrat-bold", serif;
        font-size: 9rem;
        line-height: 1.133;
        color: #FFFFFF;
      }
      .home-content-tablecell .more {
        margin: 4.8rem 0 0 0;
      }
      .home-content-tablecell .more .button {
        border-color: #FFFFFF;
        color: #FFFFFF;
      }
      /* home social-list */
      .home-social-list {
        position: absolute;
        left: 48px;
        bottom: 54px;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 2.4rem;
        line-height: 1.75;
        text-align: center;
      }
      .home-social-list::before {
        display: block;
        content: "";
        width: 2px;
        height: 42px;
        background-color: rgba(255, 255, 255, 0.3);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
      }
      .home-social-list li {
        padding-left: 0;
      }
      .home-social-list li a, .home-social-list li a:visited {
        color: #FFFFFF;
      }
      .home-social-list li a:hover, 
      .home-social-list li a:focus, 
      .home-social-list li a:active {
        color: #151515;
      }
      /* scroll down */
      .scrolldown {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
        transform-origin: right top 0;
        float: right;
      }
      .scrolldown i {
        padding-left: 9px;
      }
      .scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active {
        color: #151515 !important;
      }
      html[data-useragent*='MSIE 10.0'] .scrolldown,
      .oldie .scrolldown {
        display: none;
      }
      .scroll-icon {
        display: inline-block;
        font-family: "montserrat-bold", sans-serif;
        font-size: 1.4rem;
        text-transform: uppercase;
        letter-spacing: .3rem;
        color: #FFFFFF !important;
        background: transparent;
        position: relative;
        top: 36px;
        right: 42px;
        -webkit-animation: animate-it 3s ease infinite;
        animation: animate-it 3s ease infinite;
      }
      /* vertical animation */
      @-webkit-keyframes animate-it {
        0%, 60%, 80%, 100% {
          -webkit-transform: translateX(0);
        }
        20% {
          -webkit-transform: translateX(-5px);
        }
        40% {
          -webkit-transform: translateX(20px);
        }
      }
      @keyframes animate-it {
        0%, 60%, 80%, 100% {
          -webkit-transform: translateX(0);
        }
        20% {
          -webkit-transform: translateX(-5px);
        }
        40% {
          -webkit-transform: translateX(20px);
        }
      }
      /* ------------------------------------------------------------------- 
       * responsive:
       * home section 
       * ------------------------------------------------------------------- */
      @media only screen and (max-width: 1200px) {
        .home-content-tablecell h3 {
          font-size: 2.1rem;
        }
        .home-content-tablecell h1 {
          font-size: 7rem;
        }
      }
      @media only screen and (max-width: 1024px) {
        .home-content-tablecell h3 {
          font-size: 2rem;
        }
        .home-content-tablecell h1 {
          font-size: 6rem;
        }
      }
      @media only screen and (max-width: 768px) {
        .home-content-tablecell .row {
          max-width: 600px;
        }
        .home-content-tablecell h3 {
          font-size: 1.8rem;
        }
        .home-content-tablecell h1 {
          font-size: 5.2rem;
        }
        .home-content-tablecell h1 br {
          display: none;
        }
        .home-social-list {
          left: 36px;
          bottom: 30px;
          font-size: 2.1rem;
        }
        .home-social-list::before {
          height: 30px;
        }
        .scrolldown .scroll-icon {
          font-size: 1.2rem;
          top: 24px;
          right: 10px;
        }
      }
      @media only screen and (max-width: 600px) {
        #home {
          min-height: 702px;
        }
        .home-content-tablecell .row {
          max-width: 480px;
          padding-top: 12rem;
          padding-bottom: 12rem;
        }
        .home-content-tablecell h3 {
          font-size: 1.5rem;
        }
        .home-content-tablecell h1 {
          font-size: 4.2rem;
        }
      }
      @media only screen and (max-width: 500px) {
        .home-content-tablecell .row {
          max-width: 420px;
        }
        .home-content-tablecell h3 {
          font-size: 1.4rem;
        }
        .home-content-tablecell h1 {
          font-size: 4.0rem;
        }
        .home-social-list {
          left: 30px;
          bottom: 30px;
          font-size: 1.8rem;
        }
        .home-social-list::before {
          height: 24px;
        }
      }
      @media only screen and (max-width: 400px) {
        #home {
          min-height: 654px;
        }
        .home-content-tablecell .row {
          padding-top: 4.8rem;
          padding-bottom: 10.8rem;
        }
        .home-content-tablecell h3 {
          font-size: 1.4rem;
        }
        .home-content-tablecell h1 {
          font-size: 3.6rem;
        }
      }
    • Por mactulio
      Gostaria de saber se alguém mais esta com problemas em reproduzir vídeos no Youtube, utilizando o Safari, depois do Yosemite 10.10.1.
       
      Pesquisando na Internet, percebi que não sou o único e no próprio fórum da Apple tem várias reclamações: https://discussions.apple.com/thread/6684406
       
      Com o Firefox e Chrome, esta tudo certo.
       
      Alguém ai com problemas também?
    • Por fmaricato
      Bom dia pessoal,
      gostaria de opiniões sobre qual melhor software, baseado no uso de vocês, para desenvolvimento em HTML5.
      Já testei o TextMate e o TextWrangler como editores de texto para isso mas não gostei muito.
      O Coda é uma boa solução? Vale o investimento?
      Obrigado,
    • Por Endy
      Olá pessoal.
      Bom, recentemente o meu Safari, versão 5.1.4, começou a apresentar problemas ao exibir vídeos do YouTube. Eu não conseguia reproduzir nenhum vídeo, sempre que ele começava a carregar, o Safari travava e eu era obrigado a fechá-lo usando o atalho Command+Q.
      Diante do problema, eu comecei a procurar a solução. Segui vários passos encontrados no fórum da Apple e em outros locais, até que eu descobri o que fazer exatamente para resolver.
      Simplesmente eu entrei no Teste de HTML5 do YouTube e deixei de participar do teste de HTML5 do site. Após isso, todos os vídeos e recursos do YouTube voltaram a funcionar perfeitamente!
      Eu criei este tópico para compartilhar esta informação, para que mais pessoas que estejam com este problema encontrem a solução.
      Abraços.
    • Por Rodrigo Baldasso
      Olá pessoal,
      Estou desenvolvendo um Web App para minha empresa, já consegui praticamente tudo, criei a interface mobile, aquele balão que diz para adicionar à home screen, etc.
      Porém o que não consegui fazer, é aquela tela de carregamento, que aparece, por exemplo, no web app da MM.
      O que eu digo:
      MM:

      Meu:

      O da MM aparece aquela tela de carregamento, o meu aparece só a tela branca, enquanto carrega... alguém poderia me dizer, o que coloco no meu código para ele já ter aquela tela de carregamento? Pelo o que vi, é somente um png que é baixado, quando eu adiciono à minha home.
      Grato,
      Rodrigo.
    • Por DiogoDS
      Pessoal, bom dia.
      Como sou bastante novo no mundo do MacOSX, a menos de um mês ainda usava o Windows XP, venho criando alguns tópicos de dúvidas. E que foram respondidos e me ajudaram bastante. E desde já agradeço a todos os amigos daqui do fórum que prontamente me auxiliaram.
      Então, não queria criar mais um, mas mesmo procurando soluções para resolver o meu problema com o Safari e o YouTube, não encontrei um modo de resolver.
      Seguinte, ultimamente quando vou acessar o YT ele não carregava os vídeos e se insistisse na tentativa de carregar, o Safari simplesmente travou. Não conseguia encerrá-lo e o Mac não desligava porque necessitava do encerramento do Safari. Pela primeira vez precisei forçar o desligamento segurando o botão Power.
      Tentei uma solução que seria optar pelo HTML5 devido a "incompatibilidade" com o Flash, mesmo com a versão mais atualizada, 11.1.102.55, porém, o HTML5 já estava selecionado. Resolvi desmarcar e melhorou um pouco, pois o YT não trava mais.
      Mas acontece o seguinte, apertando o play o vídeo começa a carregar e com a minha internet 3G da Oi, logo após alguns segundos o vídeo para pra continuar a carregar. Mas se aperto o pause para deixar carregando ele fica no pause e não carrega. Aparentemente ao apertar o pause ele não só pausa o vídeo como o download tb.
      Não sei o que pode ser, como disse, tanto o Flash quanto o OS e o Safari estão atualizados.
      Caso saibam como me ajudar, novamente, agradeço.
      Obrigado.
  • Estatísticas do Fórum

    • Total de Tópicos
      48.731
    • Total de Posts
      417.051
×
×
  • Criar Novo...