Noticias

Não há notícias cadastradas!
Data: 00/00/2012
Não há notícias cadastradas!
Data: 00/00/2012
Não há notícias cadastradas!
Data: 00/00/2012
Não há notícias cadastradas!
Data: 00/00/2012
Não há notícias cadastradas!
Data: 00/00/2012
3
[postlink]http://www.animedesign.tk/2013/10/google-chromecast-no-brasil.html[/postlink]
App do Google Chromecast chega às lojas brasileiras
(Fonte da imagem: Divulgação/Google)

Lançado em julho deste ano, o Google Chromecast conseguiu conquistar o coração de consumidores dos mais diversos perfis — aqui no Tecmundo nós realmente gostamos da experiência oferecida pelo aparelho. Até agora, ele só estava sendo distribuído nos Estados Unidos e isso vale também para os aplicativos de controle disponibilizados nas lojas de aplicativos Google Play Store e App Store.
A partir de agora, as versões portáteis de controle do sistema estão disponíveis mundialmente. E isso inclui não apenas as lojas europeias, mas também as brasileiras. Isso mesmo, os aplicativos oficiais do Google Chromecast podem ser baixados em aparelhos aqui do Brasil — o que facilita bastante a instalação dos sistemas de streaming nas redes sem fio, não exigindo a conexão por meio de navegadores.
Apesar de ainda não haver qualquer confirmação oficial por parte da Google, espera-se que a novidade seja um sinal de que os aparelhos estão perto de chegar ao Brasil oficialmente — hoje, só é possível comprar o Google Chromecast em lojas norte-americanas ou importadoras especializadas. No próximo dia 24 existe um evento especial sobre o Google Play e é possível que novidades relacionadas a isso sejam apresentadas.

Fontes: Geeky Gadgets, Engadget

Google Chromecast no Brasil

2
[postlink]http://www.animedesign.tk/2013/10/tooltip-com-transition.html[/postlink] Bom galera hoje trago um simples tutorial que ensinará a colocar o efeito "Tooltip com Transition " alando um pouco sobre esse efeito é o seguinte: ao passar o mause sobre o link ele mostra o titulo do link (pode ser link ou imagem) de uma forma personalizada ..

1º - Vá em >> Editar HTML >> e procure pela seguinte tag:
</head>

Acima dela adicione o seguinte Script:
<script 
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' 
type='text/javascript'/> <script language='JavaScript' 
src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' 
type='text/JavaScript'/>

2º - Vá em >> Editar HTML >> e procure pela seguinte tag:
]]></b:skin>

E logo acima dela adicione o seguinte CSS:
div#qTip { 
 padding: 3px; 
 display: none;
 background: #272727; 
 color: #fff; 
 border-radius: 5px;
 font-family: "Arial"; 
 font-size: 13px; 
 text-align: left; 
 position: absolute; 
 z-index: 1000; 
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.5s linear;
 transition: all 0.5s linear;
 }

Agora quando você for colocar algum link, basta colocar assim:
<a href='ENDEREÇO-DO-LINK' title='Descrição do link ao passar o mouse'>NOME-DO-LINK</a>

Ou se for colocar uma imagem ficará assim:
<a href='ENDEREÇO-DO-LINK' title='Descrição do link ao passar o 
mouse'><img width="LARGURA DA IMAGE" height="ALTURA DA IMAGEM" 
src="URL DA IMAGEM" /></a>

Pronto galera é só isso, muito fácil e rápido ... espero que tenham gostado e até o próximo tuto xD!

Tooltip com Transition

8
[postlink]http://www.animedesign.tk/2011/05/slider-jquery.html[/postlink] Esse slider, funciona da seguinte maneira, as imagens ficam passando de 3 em 3 segundos.
Pra fazer ele funcionar no blogger vamos usar HTML , CSS e Javascript.

Primeiro vamos adicionar o Javascript, Vá em EDITAR HTML e procure pela linha:
</head>
Acima dessa linha copie e cole o código javascript: Clique Aqui
Após fazer isso procure pela linha:
]]></b:skin>
Acima dela copie cole o código Css:
/*--Container geral--*/
.main_view {
float: left;
position: relative;
}
/*--Estilos do containert das imagens--*/
.window {
height:289px; /*-- as imagens devem ter a mesma altura ou mais-- */
width: 800px;  /*-- as imagens devem ter a mesma largura ou mais-- */
border:1px solid #610000;
overflow: hidden;
position: relative;
}.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {
float: left;
}
/*--Estilos do container da numeração--*/
.paging {
position: absolute;
bottom: 40px;
right: -1px;
width: 220px;
height:41px;
z-index: 100;
text-align: center;
line-height: 40px;
background:url(http://4.bp.blogspot.com/_q4j3j-JA2ro/S0TDw0n697I/AAAAAAAANBw/XhlF84popQU/s000/transparencia.png);
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-webkit-border-radius-topleft: 15px;
border:1px solid #000;
display: none;
}
/*--Estilos do link da numeração--*/
.paging a {
outline:none;
padding: 5px 10px;
text-decoration: none;
color: #999;
background: #000;border: 1px solid #000;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
/*--Estilos do link ativo da numeração--*/
.paging a.active {
font-weight: bold;
border: 1px solid #000;
color: #fff;
background: #920000;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
/*--Estilos do link hover da numeração--*/
.paging a:hover {
font-weight: bold;
}
Salve e crie um Widget para adicionar o código HTML:
<div class="main_view">
<div class="window">
<div class="image_reel"><img src="url-imagem-1" alt="" />
<img src="url-imagem-2" alt="" />
<img src="url-imagem-3" alt="" />
<img src="url-imagem-4" alt="" />
</div></div>
<div class="paging">
<a href="insira-seu-link-1" rel="1">1</a>
<a href="insira-seu-link-2" rel="2">2</a>
<a href="insira-seu-link-3" rel="3">3</a>
<a href="insira-seu-link-4" rel="4">4</a>
</div>
</div>
Lembrando que para o slider funcionar perfeitamente as imagens devem ser do mesmo tamanho do slider.
Para mudar a largura, tamanho,borda e fundo, volte em EDITAR HTML e procure pela linha:
.window
e altere em "WIDTH" E "HEIGHT"
edite a cor da borda em "BORDER"
e mude a cor de fundo em "BACKGROUND"
Pronto seu slider em JQuery está pronto.

Slider JQuery

0
[postlink]http://www.animedesign.tk/2013/10/seo-para-se-dar-bem-no-google.html[/postlink]
Por que seu site precisa de um SEO para
(Fonte da imagem: Reprodução/Agente no Turismo)

É possível melhorar o ranqueamento em buscadores de forma quase totalmente automatizada.
Se você tem um site na internet ou trabalha para algum, já deve ter ouvido falar sobre marketing digital. Isso consiste basicamente em um conjunto de ações pensadas para tornar seu endereço mais relevante para buscadores como o Google. Assim, ficando de bem com o oráculo da internet, você consegue mais acessos e aumenta as chances de conseguir mais receita. Mas e se isso pudesse ser feito de forma automatizada? É para isso que existe o sistema conhecido como SEO (Search Engine Optimization – Otimização para motores de busca).

O SEO é um conjunto de ferramentas que trabalha continuamente nos mais diversos níveis do seu website, desde o código da página até a aparência da mesma. Utilizando um sistema como esses, é possível corrigir equívocos do código do seu site que possam estar piorando sua classificação em buscadores, avaliar a qualidade e quantidade de conteúdo, estética e organização e, por fim, conferir a repercussão do seu negócio em redes sociais e outros sites.

Diego Ivo da Conversion, uma consultaria especializada no assunto, comenta que o retorno financeiro pode ser de até 20 vezes o investimento em SEO, dependendo do negócio que o site pratica. Fora isso, não aparecer nos primeiros resultados de buscadores como o Google é praticamente como ficar no anonimato. “Mais de um terço dos internautas só acessa os três primeiros resultados do Google, e 75% deles não passam da primeira página exibida”, comenta Ivo.

De acordo com a Conversion, sistemas SEO podem ser utilizados para qualquer tipo de site, desde os de pequenas empresas, que querem se tornar conhecidas, até os das grandes companhias, que querem manter suas posições nos resultados de buscas.
Fonte: Tecmundo

SEO para "se dar bem no Google"

0
[postlink]http://www.animedesign.tk/2013/10/ilustracoes-em-mobilidade-com-o-adobe.html[/postlink] A aplicação da Adobe para iPhone e iPad assume-se como a companheira ideal das versões para computadores pessoais das ferramentas de design. E vem completar a oferta de Touch Apps da marca.
Adobe Ideas

A disponibilização de desenho vectorial para os tablets mostra que estes dispositivos estão a assumir um papel cada vez mais importante no processo criativo, substituindo cadernos e pincéis e superando em liberdade os computadores e placas de desenho.

O Adobe Ideas suporta vetores, camadas e temas de cores em sintonia com o Adobe Illustrator, facilitando a sincronização dos ficheiros com a Creative Cloud para continuar o trabalho no computador pessoal.

Embora o Adobe Photoshop Touch já esteja disponível para iOS e Android, para tablets e smartphones, o Adobe Ideas ainda só funciona no sistema operativo da Apple, estando disponível gratuitamente na App Store, mas obrigando a uma subscrição da Creative Cloud.

Para breve está prometida mais uma aplicação móvel para a família Touch Apps, com o Adobe Kuler que permitirá a criação de temas de cores usando um iPhone ou o browser em conjugação com a câmara do telemóvel.
Deixe a sua opinião nos comentário.
Fonte Acordo Ortográfico

Ilustrações em mobilidade com o Adobe Ideas

0
[postlink]http://www.animedesign.tk/2013/10/inserindo-termos-de-uso-no-blog.html[/postlink] Ae galera to trazendo hoje um tutorial que tem muito a ver com a opinião de seu leitor, mais antes quero agradecer o Seven pelo o tutorial ensinarei a como inserir Termos de uso no blog com opções aceitar ou recusar, Veja abaixo um exemplo:

Eu aceito Não aceito

Agora só adiciona o código abaixo onde você quiser que fique o termo de uso
<center><textarea
 rows="10" cols="17" style="background-color: rgb(255, 255, 255); color:
 rgb(0, 0, 0);" wrap="soft">SEU TEMO DE USO
</textarea><center>
<center>
<input onclick="alert(&#39;Mensagem ao aceitar os termos de uso&#39;)" name="message" type="radio" /> Eu aceito <input onclick="alert(&#39;Mensagem ao recusar os termos de uso&#39;)" name="message" type="radio" /> Não aceito </center></center>
</center>

ALTERAÇÕES :: 
Trecho amarelo: Coloque seus termos de uso;
Trecho vermelho: mensagem que aparecerá caso a pessoa aceite os termos;
Trecho roxo: mensagem que aparecerá caso a pessoa não aceite os termos;

Inserindo Termos de uso

0
[postlink]http://www.animedesign.tk/2013/10/texto-3d-com-css3.html[/postlink] Olá Boa tarde a todos hoje trago esse tutorial muito interessante, Texto3D com Apenas CSS3
Primeiramente vamos em  Modelo>>Editar Html Logo apos pesquise a seguinte palavra (ctrl+f)
]]></b:skin/>

Cole logo acima dela a o seguinte codigo
#wrap3d h1{
font:normal XXpt Arial;
color:#XXX;
text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,  0 3px 0 #bbb,  0 4px 0 #b9b9b9,  0 5px 0 #aaa,  0 6px 
1px rgba(0,0,0,.1),  0 0 5px rgba(0,0,0,.1),  0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2),  0 5px 10px rgba(0,0,0,.25),  0 10px 10px rgba(0,0,0,.2),  0 20px 20px rgba(0,0,0,.15); }

#wrap3d p{ 
font:normal XXpt Arial;
color:#SUACOR;
text-shadow: 0 1px 0 #ccc,  0 2px 0 #c9c9c9,  0 3px 0 #bbb,  0 4px 0 #b9b9b9,  0 5px  0 #aaa,  0 6px 1px rgba(0,0,0,.1),  0 0 5px rgba(0,0,0,.1),  0 1px 3px 
rgba(0,0,0,.3),  0 3px 5px rgba(0,0,0,.2),  0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2),  0 20px 20px rgba(0,0,0,.15);
}

Agora você mode oque esta em negrito , "color:#SUACOR" Vai ser o Código da sua cor Exemplo: #FFF,onde esta "XXpt" e o tamanho da fonte exemplo: 12pt, e Onde esta "Arial" e o nome da fonte,Bom agora crie um novo Gadget HTML/JAVASCRIPT e Cole o seguinte:
<div id="wrap3d">
 <h1>PALAVRA</h1>
</div>

Onde esta em negrito sera a sua. Duvida? deixe nos comentários...
Créditos Matheus

Texto 3D com CSS3