Você está sendo redirecionado para a nova página do Brasil High Tech

Você está aqui: Home » Todos os artigos

19 novembro, 2009 | Comente

Sistema Operacional da Google



A Google, já bastante conhecida por seu buscador, vai realizar um evento nesta quinta em sua sede localizada em Mountain View, na California, para mostrar e dar mais detalhes sobre o seu novo sistema operacional chamado de Google Chrome Operating System (Google Chrome Sistema Operacional).

"Rápido, simples e seguro", afirmaram Sundar Pichai, vice-presidente, e Linus Upson, diretor de engenharia, em um post. Promete ser um sistema operacional Open-source (código aberto) e sua primeira versão foi desenvolvida especialmente para Netbooks, com o objetivo de carregá-lo e conectar o usuário à internet em poucos segundos.

Segundo o post feito por Sundar Pichai, o Google Chrome OS estará disponível a partir da segunda metade de 2010, com a possibilidade de seus aplicativos poderem rodar em qualquer plataforma como o Windows, Mac e Linux, assim desenvolvedores de aplicativos podem usar a tecnologia web de sua preferência sem problema.

Agora fica a pergunta, será que o sistema operacional da Google será uma ameaça para a Microsoft?

Abaixo imagem do novo sistema operacional:




Continue Lendo...

Mais |
Postado por snovelli às 13:29 Marcadores: , ,

18 novembro, 2009 | Comente

Criando um Editor de Textos em JavaScript



Este tutorial é bem útil para quem quer ter um editor de texto dentro de uma página no próprio site, muito fácil e legal de fazer, com um pouquinho de conhecimento em JavaScript basta pra pelo menos editar o codigo a seguir e deixla-lo personalizado, se voce ainda não sabe nada de JavaScript, vale a pena visitar os posts anteriores com boas explicações.



Primeiro de tudo temos que criar os elementos HTML que vamos usar para mudar o conteúdo e a aparência do que está dentro do editor de texto Rich:

<body onLoad="def()">
<div style="width:500px; text-align:left; margin-bottom:10px ">
<input type="button" id="bold" style="height:21px; width:21px; font-weight:bold;" value="B" />
<input type="button" id="italic" style="height:21px; width:21px; font-style:italic;" value="I" />
<input type="button" id="underline" style="height:21px; width:21px; text-decoration:underline;" value="U" /> |
<input type="button" style="height:21px; width:21px;"value="L" title="align left" />
<input type="button" style="height:21px; width:21px;"value="C" title="center" />
<input type="button" style="height:21px; width:21px;"value="R" title="align right" /> |
<select id="fonts">
<option value="Arial">Arial</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Monotype Corsiva">Monotype</option>
<option value="Tahoma">Tahoma</option>
<option value="Times">Times</option>
</select>
<select id="size">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="color">
<option value="black">-</option>
<option style="color:red;" value="red">-</option>
<option style="color:blue;" value="blue">-</option>
<option style="color:green;" value="green">-</option>
<option style="color:pink;" value="pink">-</option>
</select> |
<input type="button" style="height:21px; width:21px;"value="1" title="Numbered List" />
<input type="button" style="height:21px; width:21px;"value="●" title="Bullets List" />
<input type="button" style="height:21px; width:21px;"value="←" title="Outdent" />
<input type="button" style="height:21px; width:21px;"value="→" title="Indent" />
</div>


Em seguida temos de criar um iframe, isto é, onde o texto será escrito e editado.

<iframe id="textEditor" style="width:500px; height:170px;">
</iframe>


Podemos agora escrever o código Javascript.
Primeiro de tudo, a fim de usar o iFrame é preciso defini-lo como modo de design. Então nós temos que abrir, escrever e fechar esse iFrame.

<script type="text/javascript">
<!--
textEditor.document.designMode="on";
textEditor.document.open();
textEditor.document.write('<head><style type="text/css">body{ font-family:arial; font-size:13px;}</style></head>');
textEditor.document.close();


Você pode ver que o método write () tem alguns CSS para um parâmetro - que é porque eu queria definir a fonte padrão do iFrame e tamanho da fonte.
É hora de escrever a função que será chamada pelos elementos HTML criado anteriormente. Esta é uma função muito simples, precisamos apenas de 2 métodos iFrame: execCommand () e foco (). execCommand () vai executar um comando no documento atual, a seleção atual, ou o intervalo dado, e focus () vai dar o foco volta para o iFrame.

function fontEdit(x,y)
{
textEditor.document.execCommand(x,"",y);
textEditor.focus();
}


Vamos usar essa função com todos os elementos HTML. Vamos começar com o botão Negrito.
Só temos de definir o evento que irá chamar a função, e dar um parâmetro para a função. Porque é um botão, vamos usar o evento onClick.

<input type="button" id="bold" style="height:21px; width:21px; font-weight:bold;" value="B" onClick="fontEdit('bold')" />

Quando chamado, a função fará o texto em negrito. Nós fazemos a mesma coisa para o resto dos botões, alterando o parâmetro.

<input type="button" id="italic" style="height:21px; width:21px; font-style:italic;" value="I" onClick="fontEdit('italic')" />
<input type="button" id="underline" style="height:21px; width:21px; text-decoration:underline;" value="U" onClick="fontEdit('underline')" /> |
<input type="button" style="height:21px; width:21px;"value="L" onClick="fontEdit('justifyleft')" title="align left" />
<input type="button" style="height:21px; width:21px;"value="C" onClick="fontEdit('justifycenter')" title="center" />
<input type="button" style="height:21px; width:21px;"value="R" onClick="fontEdit('justifyright')" title="align right" /> |



Agora é hora de cuidar da Fonte suspensa, tamanho e cor listas. Porque estas listas têm vários valores, temos que passar o valor do índice selecionado como o segundo parâmetro. Além disso, o evento que irá chamar a função será onChange.

<select id="fonts" onChange="fontEdit('fontname',this[this.selectedIndex].value)">
<option value="Arial">Arial</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Monotype Corsiva">Monotype</option>
<option value="Tahoma">Tahoma</option>
<option value="Times">Times</option>
</select>
<select id="size" onChange="fontEdit('fontsize',this[this.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="color" onChange="fontEdit('ForeColor',this[this.selectedIndex].value)">
<option value="black">-</option>
<option style="color:red;" value="red">-</option>
<option style="color:blue;" value="blue">-</option>
<option style="color:green;" value="green">-</option>
<option style="color:pink;" value="pink">-</option>
</select> |



Por exemplo Fontedit ( 'FontName', 'vezes') irá alterar o tipo de letra para Times. É fácil descobrir como as outras listas dropdown vai funcionar.
Finalmente, eu fiz uma função para definir o estado nas listas suspensas 'default, o que ajudaria na lista suspensa Fonte evitar escrever "Times" após a atualização (quando a fonte padrão é Arial), por exemplo. A função será chamado de carga, por <body onLoad="def()">.

Como o post ficou muito grande vou hospedar o codigo completo para download neste link
Continue Lendo...

Mais |
Postado por Paulo Castro às 14:59 Marcadores: ,

17 novembro, 2009 | Comente

Efeito Dark nas palavras



01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 550x350 pixels, modo de cor em RGB com 72 dpi´s, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, vá em Filter> Render> Fibers, defina o valor de 15 para Variance, 4 para Strength e clique em Ok, você também pode clicar em Randomize caso queira outro tipo de textura.

tutoriaisphotoshop.net

02. Pressione Ctrl+S e salve a textura que criamos como um arquivo .PSD, agora pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

03. Sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

04. Agora pressione Ctrl+M para abrir a caixa de Curves e defina a curva como na foto abaixo.

tutoriaisphotoshop.net

05. Sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

06. Agora vá em Window> Channels para abrir a paleta de Channels, com a tecla Ctrl pressionada clique sobre a miniatura do Channel RGB, isto irá ativar a seleção no documento, pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina o valor de Hue em 100 e Saturation em -56, pressione Ok, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

07. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool, no caso deste tutorial foi escrito PSdeluxe usando a fonte Comic Sans Ms mas sinta-se a vontade para usar a fonte que achar melhor, escolha a cor vermelha, depois de escrito o texto pressione Ctrl+T para abrir a caixa de Free Transform, rotacione levemente o texto como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

08. Defina tamanhos diferentes para cada letra da palavra.

tutoriaisphotoshop.net

09. Agora vá em Filter> Distort> Displace, na caixa de diálogo que aparecerá clique em Yes para rasterizar o texto, defina o valor de Horizontal e Vertical Scale em 8 pixels, escolha o arquivo .PSD que salvamos no começo do tutorial e pressione Ok, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

10. Agora clique na layer Background, pressione Ctrl+A para ativar a seleção no documento, vá em Filter> Distort> Spherize, escolha a opção Horizontal e defina o valor de 60% para Amount, pressione Ok, agora clique na layer de texto e pressione Ctrl+F para reaplicar o filtro na layer.

tutoriaisphotoshop.net

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta, deixe esta layer abaixo da layer com a textura de madeira que criamos, clique na layer com a textura e pressione Ctrl+T para abrir a caixa de Free Transform, redimensione a largura da textura clicando e arrastando um dos pontos laterais da caixa de Free Transform, deixe como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

12. Agora pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do transparente para o preto, pressione Ctrl+shift+Alt+N para criar uma nova layer, escolha um gradiente do tipo Reflected, clique no meio do documento e arraste até a borda, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

13. Agora clique na layer de texto e mude o modo de blend da layer para Color Burn, pressione Ctrl+J para duplicar a layer, mude o modo de blend da layer para Linear Light, defina o valor de Fill em 30%.

tutoriaisphotoshop.net

14. Agora vá em Layer> Layer Style> Bevel and Emboss, defina o valor de Depth em 40%, Size em 5 pixels e Soften em 0%, vá na opção Contour e dento da caixa de Contour escolha a opção Cove Deep, pressione Ok, caso queira adicionar mais detalhes você pode usar o set de brushes usado neste tutorial clicando aqui, depois basta criar mais uma layer e aplicar os brushes para decorar seu texto.

tutoriaisphotoshop.net

Eu vi no Tutoriais Photoshop que viu no Ps Deluxe
Continue Lendo...

Mais |
Postado por Victor Dias às 18:59 Marcadores: , Comments

| Comente

JSNES - Emulador de NES em JavaScript




O brilhante Ben Firshman, sujeito sem nada pra fazer, criou um emulador para jogar os joguinhos de 8bits do Nintendinho e o batizou de JSNES, e o legal é que esse emulador foi feito em JavaScript e roda nos navegadores Firefox 3.5, Safari 4 e Google Chorme, pare quem ainda esta no sofrimento usando o IE 6 fica o meu duplo lamento, não vai poder jogar porque o JSNES usa o elemento canvas do HTML 5 que permite processar imagens de forma dinâmica na tela. Recomendo o uso do Chrome que teve o melhor desempenho, chegando a alcançar 60fps.

O emulador conta com uma lista de 17 jogos, entre eles, Mega Man, Dr. Mário, Pac Man, Zelda, Tetris entre outros.

Continue Lendo...

Mais |
Postado por Paulo Castro às 12:39 Marcadores: ,

16 novembro, 2009 | Comente

O Brasil High Tech conseguiu mais uma vez!



Agora vc pode acessar o BHT atraves do botão "Estou com sorte" no Google!



Basta digitar Brasil High Tech e clicar em "Estou com sorte" que vc será rediressionado diretamente para o BHT!

Continue Lendo...

Mais |
Postado por Victor Dias às 16:45 Marcadores:

| Comente

Dell Zino HD - Nova arma contra a Apple



Além da Dell ter lançado seu primeiro Smartphone agora ela também lança seu mini desktop no estilo Mac Mini mas com preços mais acessíveis. O Zino HD veio para substituir Studio Hybrid que também possui otimas configurações para quem gosta como desktop domestico ambos tentam fugir do aspecto formal para isso eles contam com varias cores "vivas" para deixar o ambiente sem "estresse"


Especificações*: (Top de Linha)

Processador: AMD Athlon X2 ou Neo X2

Armazenamento: Até 1 Terabyte

Memoria: Até 8 Gb em DDR2

Video: ATI Radeon HD 4330 de 512 Mb

Preço: Por volta de 750 doláres

Prós:

Excelente para gosta de usar computador em casa e executar programas mais pesados, pois possui placa de video dedicada.

Sem falar que ele é super compacto, cabe em qualquer cantinho.

Contras:

Poderia ter as memorias já no padrão DDR3


*Essa configuração citada acima e do modelo "Top de Linha" pois o modelo básico encontrado no site da Dell conta com:

Processador: AMD Athlon 1.6 Ghz

Armazenamento: 250 Gb

Memoria: 2 Gb DDR2


Video: Não vem

Preço: Por volta de 230 doláres

Para se ter idea olha essa comparação do Mac Mini e o Dell Zino Básico:



Mac Mini
Dell Zino
Processador
Core 2 Duo
Athlon X2
Memória
2Gb DDR2
2 Gb DRR2
HD
160 Gb
250 Gb
Preço
US$ 599
US$ 230



OBS: Por mais 100 doláres o Mac Mini vem com driver Blu-ray.

Continue Lendo...

Mais |
Postado por Victor Dias às 16:00 Marcadores: , , Comments

| Comente

Primeiro Pen Driver com interface 3.0



Pendrive USB 3.0

O Super Talent é o primeiro pendrive com interface USB 3.0 e que consegue atingir taxas de transferência de até 4.8 Gbps e possuem tamanhos de 32GB, 64GB e 128GB.

Analisando a performance desse novo tipo de interface, esse pendrive pode ser até 10 vezes mais rápido que aqueles com interface 2.0 e podem transferir 320MB em apenas 1 segundo

O lançamento do Super Talent está previsto para a primeira quinzena de Dezembro e os preços ainda não foram divulgados

Adivinha o Brasil será um dos ultimos a receber esse equipamento. (Novidade ¬¬)


Vi no Guanabara.info

Continue Lendo...

Mais |
Postado por Victor Dias às 15:54 Marcadores: Comments
Assinar: Postagens (Atom)
 

KeepGeek

Carregando...

2D || Dicas e Downloads

Carregando...

Castro Info Net

Carregando...
Copyright © 2009-2010 - Todos os Direitos Reservados | Brasil High Tech | Powered by Blogger.com | Google Analytics Alternative