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?

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,

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.

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.

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.