O iPad de 7 polegadaspor Jim Dalrymple Steve Jobs é citado dizendo que um iPad de 7 polegadas seria muito pequeno. Embora as tecnologias que possibilitariam tal dispositivo tenham mudado nos últimos anos, as razões pelas quais a Apple o lançaria não mudaram. A razão a qual muitas pessoas trazem acerca do lançamento de um iPad de 7 polegadas [...]
Conheça a Apple Store, Les Quatre Temps e concorra a uma camiseta exclusiva da loja!Hoje, às 9 horas da manhã (horário local), a Apple inaugurou sua 11ª loja na França. Trata-se da Apple Store, Les Quatre Temps. Ela fica localizada dentro do shopping homônimo (Les Quatre Temps — 15, Parvis de la Défense 92800, Puteaux) em La Défense, o centro comercial de Paris, a cerca de 8km de distância [...]
Chegou: hackers liberam a Absinthe 2.0, ferramenta de jailbreak untethered compatível com o iOS 5.1.1A partir do árduo trabalho do hacker @pod2g, o qual contou com a colaboração do Chronic-Dev Team e do iPhone Dev-Team (o chamado “Jailbreak Dream Team”), acaba de ser liberada a tão aguardada ferramenta Absinthe 2.0. Como esperado, o lançamento ocorreu durante o evento HITB 2012, em Amsterdã (Holanda). A primeira observação é que ela [...]
Apple renomeia “Jogo da Semana” na App Store para “Escolha dos editores” e agora oferecerá um título grátis toda semanaEm meio a toda a avalanche de lançamentos, atualizações e promoções que surgiram na App Store, nesta quinta-feira, a Apple também realizou uma mudança sutil por lá que tem relação direta com uma novidade superbacana. Vejam só como está a página inicial da App Store no iTunes, neste momento: A primeira mudança foi simples: os [...]
IDC: juntos, Android e iOS já representam mais de 80% dos smartphones vendidos mundialmenteUma nova pesquisa do mercado mundial de smartphones publicada hoje pela International Data Corporation destacou mais uma vez o domínio da dupla Android e iOS perante concorrentes. No primeiro trimestre de 2011, os sistemas operacionais móveis do Google e da Apple compreendiam 54,4% do mercado. Agora, juntos, eles atingiram 82% — 59% do Android, 23% do [...]
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.
Chegou: hackers liberam a Absinthe 2.0, ferramenta de jailbreak untethered compatível com o iOS 5.1.1
156 comentários
Jony Ive: “Tudo leva a crer que o produto no qual estamos trabalhando agora será o mais importante que já fizemos”
91 comentários
Dica: Flash Player pode ser o principal vilão de mau desempenho do OS X Lion
86 comentários
John Gruber tece alguns comentários sobre um iPhone com tela mais alta, de 4 polegadas
76 comentários
Mais peças “vazadas” trazem possíveis detalhes sobre os próximos iPhones e iPods touch
73 comentários
Absinthe 2.0 - Jailbreak iPad 3 -
Úlimo post de: Kinhooow
SSD e HD juntos no Macbook pro
Úlimo post de: joaopaulofreire
Indicador de bateria
Úlimo post de: joaopaulofreire
Os paradigmas do OS X - dicas para novatos (e experientes)
Úlimo post de: Robsonccr
16GB DDR3 1600mhz no MBP 13" i7 2.8 late 2011
Úlimo post de: joaopaulofreire
Navegue pelo nosso histórico mensal de artigos:
· · ·
