Pesquisar na Comunidade

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; } }

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?

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.

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,

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.

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.