Representante da Apple afirma que não existe bug no iMessageAinda ontem, comentamos do bug do iMessage que deixou um empregado da Apple em uma baita saia justa. Natalie Harrison, representante da empresa, deu hoje uma declaração para Jim Dalrymple, do The Loop: Essa foi uma situação extremamente rara que ocorreu porque o empregado da loja não seguiu o procedimento padrão, e usou o seu [...]
Em discurso para empregados da Apple, Tim Cook falou bastante sobre as recentes doações da empresaEm 26 de janeiro, Tim Cook realizou uma “pequena reunião” com empregados da Apple, no campus da empresa. Lá, parabenizou a todos pelo excelente resultado financeiro da companhia e anunciou um novo programa de descontos de Macs e iPads para empregados, que entrará em vigor em junho deste ano. Porém, não foi só isso que [...]
Apple contrata Robin Burrowes, ex-responsável pelo marketing do Xbox LIVE na MicrosoftDe acordo com o MCV, Robin Burrowes, ex-chefe de marketing de produtos na Microsoft, foi contratado pela Apple para cuidar do marketing da App Store na Europa. Burrowes trabalhou na gigante de Redmond por sete anos, sendo responsável pelo gerenciamento de produtos, negócios e marketing do Xbox LIVE, tanto na Europa quanto no Oriente Médio [...]
IDC: Apple ultrapassa a LG e se torna a terceira maior fabricante de celulares do mundoUma pesquisa da IDC baseada em números de 2011 apontou a Apple como a terceira maior fabricante de celulares — isso mesmo, celulares, ou seja, não apenas smartphones — do mundo, atrás apenas de Nokia e Samsung. O motivo para isso, todos já sabem: o enorme sucesso do iPhone 4S, que vendeu nada mais nada menos [...]
![Depois de uma longa fase de testes, Apple libera o Mac OS X 10.7.3 para todos os usuários [atualizado com mais]](http://macmagazine.com.br/wp-content/themes/macmagazine/scripts/timthumb.php?src=http://macmagazine.com.br/wp-content/uploads/2009/04/26-software-update-256x256.png&w=160&h=160&a=c&q=100)
Depois de uma longa fase de testes, Apple libera o Mac OS X 10.7.3 para todos os usuários [atualizado com mais]A Apple acaba de liberar na Atualização de Software (Software Update) a terceira atualização do Lion, o Mac OS X 10.7.3. Ele havia passado por uma longa fase de testes, com a última versão beta tendo sido liberada há exatas duas semanas. Recomendado para todos os usuários do OS X Lion, o update vem com [...]
WebKit agora traz suporte a animações em CSS
Atualizado: 01/04/2009 às 01:47 por Silvio Sousa Cabral
06/02/2009 às 15:33
Ficamos um bom tempo sem saber de novidades do time de desenvolvimento do WebKit, que trabalha bastante no motor de renderização de páginas do Safari — também usado no Google Chrome. Entretanto, isso não quer dizer que eles não ficaram sem trabalhar durante todo esse tempo: durante essa semana, anunciaram o suporte a animações em CSS, o que significa que qualquer navegador baseado na versão mais recente do WebKit será capaz de visualizá-las sem a necessidade de nenhum plugin.
Se você quiser, pode baixar a versão de testes mais recente do WebKit e visualizar alguns exemplos que vou descrever abaixo. Se você estiver inscrito na previsão de desenvolvedores do Google Chrome 2.0 e está deixando que ele instale atualizações automaticamente, também poderá conferir as demonstrações. E, caso você possua um iPhone ou iPod touch, saiba que essas animações já são suportadas no Mobile Safari a partir da versão 2.0 do iPhone OS.
Especificar animações dessa forma é bem fácil, caso você seja um desenvolvedor web. São utilizados vários parâmetros exclusivos do WebKit, começando pela regra @-webkit-keyframes, na qual você utiliza quadros-chave para especificar o estado inicial, o estado final e, caso preciso, pontos suplementares entre esses dois estados. Uma vez que essa parte do código esteja pronta, são aplicadas as suas propriedades de execução, que podem incluir tempo, nome, cores diferentes ou até um número máximo de execuções para que seja interrompida automaticamente.
Abaixo, está o código de um exemplo simples, feito pelo time do WebKit. Note que esse código deve ir entre as tags <head> e </head> da página, sempre entre <style type="text/css" media="screen"> e </style>:
@-webkit-keyframes bounce {
from {
left: 0px;
}
to {
left: 200px;
}
}
div {
-webkit-animation-name: bounce;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 10;
-webkit-animation-direction: alternate;
width: 40%;
padding: 0.2em 1em;
position: relative;
left: 0px;
background: #aaaaff;
}Você pode conferir um exemplo do código acima — caso esteja rodando o build mais recente do WebKit — nesta página.
O código a seguir foi usado para fazer uma caixa de texto assumir posições e cores diferentes. Note que os quadros-chave começam com valores percentuais, justificando em que parte do tempo total da animação acontecerá a interpolação de um para o próximo:
@-webkit-keyframes pulse {
0% {
background-color: red;
opacity: 1.0;
-webkit-transform: scale(1.0) rotate(0deg);
}
33% {
background-color: blue;
opacity: 0.75;
-webkit-transform: scale(1.1) rotate(-5deg);
}
67% {
background-color: green;
opacity: 0.5;
-webkit-transform: scale(1.1) rotate(5deg);
}
100% {
background-color: red;
opacity: 1.0;
-webkit-transform: scale(1.0) rotate(0deg);
}
}
.pulsedbox {
-webkit-animation-name: pulse;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
div {
background-color: red;
width: 40%;
padding: 0.2em 1em;
margin: 6em;
}Essas interpolações podem alterar a sua cor, tamanho e inclinação, obtendo diversos efeitos legais para páginas sem a necessidade do Flash Player. Aqui está um exemplo do código acima em ação.
O suporte a animações em CSS (CSS Animations) é apenas uma das novidades internas propostas pelo time de desenvolvimento do WebKit, a fim de dar aos desenvolvedores web o poder de criar conteúdo rico em interatividade sem depender tanto de plugins externos, o que promete ser muito bom no Safari 4, que está em desenvolvimento e provavelmente será apresentado pela Apple como uma novidade do Mac OS X 10.6 Snow Leopard, durante a próxima WWDC.
Se quiser conhecer mais sobre essa novidade, saiba que já é possível encontrar mais exemplos de uso do que os apresentados neste artigo de exemplo, além de documentos complementares. Basta acompanhar a comunidade de desenvolvedores da Apple para a web e a documentação oficial do time de desenvolvimento do WebKit.
Quem Escreve?
Paulista de 18 anos, possui formação técnica em Informática e Web design e é acadêmico do curso de Análise e Desenvolvimento de Sistemas da FTT, em São Bernardo do Campo. Possui paixão por Macs e iPods desde 2006, sendo também amante de música, cinema, design e tudo onde a plataforma Mac mostra o melhor de si. É dono de um MacBook branco e sonha em participar de uma Conferência de Desenvolvedores da Apple.
Por favor, atualize esta página e/ou certifique-se de que a excecução de JavaScripts está habilitada no seu navegador.
Depois de uma longa fase de testes, Apple libera o Mac OS X 10.7.3 para todos os usuários [atualizado com mais]
127 comentários
Opinião de leitor: o iCloud é excelente, mas ainda há coisas confusas e incompletas entre iOS e Mac OS X
81 comentários
↪ Roberto Carlos quer que Apple retire álbum “Louco por Você” da iTunes Store
72 comentários
Pesquisa confirma: não há nenhuma Apple Online Store no mundo mais cara que a brasileira
67 comentários
Rumor: iPhone 5 e Galaxy S III seriam os primeiros aparelhos a contar com a tecnologia da Liquipel
53 comentários
Ajuda com app
Úlimo post de: GabrielRF
IPod Touch 4th - Serviço de localização
Úlimo post de: GabrielRF
Revenda TWKR - Opinião
Úlimo post de: Nitro
Camera Connection Kit não funciona
Úlimo post de: Guedes - Brasília
Dúvida - ipad 3G ainda funciona com chip TIM Infinit WEB Pré
Úlimo post de: Phoebe :)
Navegue pelo nosso histórico mensal de artigos:
· · ·
