Curso CSS - [ Usando o border-radius ] A la carte

Uma das funções mais aguardadas do CSS3 sempre foi o border-radius, que é nada mais, nada menos, a possibilidade de criar bordar arredondadas.

Este recurso beneficiará e facilitará a vida de todo mundo. Imaginem um mundo sem criar diversas imagens de background para arredondar bordas em elementos de seu site, ou, para os usuários de tabela, deixar de criar estruturas complexas para esses fins.

Pois bem, este recurso já esta disponível nos navegadores mais novos, e isto é algo realmente bom, pois podemos começar a nos acostumar com esse recurso, e, em um sonho mais distante, podemos acostumar a internet aos novos navegadores.

Infelizmente um dos navegadores mais utilizados da internet, como sempre, ainda não integrou esse (e diversos outros) recursos do CSS3. Claro que estou falando do nosso amigo o Internet Explorer. Porém há rumores de que a versão 9.0 do navegador da Microsoft trará já o CSS3 em seu renderizador.

Então por hora, vamos falar, dar exemplo e ensinar a usar o border-radius.

Exemplos usando o -moz-border-radius

O -moz-border-radius é o comando que fará o border-radius funcionar no Firefox ou em outro navegador da Mozilla.

Imagem dos exemplos usando o -moz-border-radius

Até o Firefox 3.5 só são suportados cantos redondos (não elípticos), porém em versões mais recentes do Firefox curvas elípticas são agora possíveis.

Essa propriedade não pode ser usada, necessariamente, somente em boxes, mas em qualquer outro objeto HMTL.

Exemplos usando o -webkit-border-radius

O Webkit é o renderizador usados por diversos navegadores, dentre eles o Safari e o Google Chrome, e já à algumas versões desses navegadores a propriedade do border-radius está disponível.

Imagem dos exemplos usando o -webkit-border-radius

Esta é uma dica básica para quem está começando a descobrir os segredos do CSS3. Espero que tenham tenham gostado.

Fonte: Comunica Web

Continue Lendo...

Serviço de Designer é com O Desenhista

Que tal seu blog de cara nova!? Quer?
Então clique no banner e converse com "O Desenhista"!!!!

Continue Lendo...

Curso CSS - Video Aula 08 [ Text/Width/Height /List_height ]

Propriedade text

A tabela a baixo mostra as propriedades que pode dar estilos, cores e espaçamentos à elementos de textos e ainda darei exemplos de algumas propriedades, e os exemplos mais a vídeo aula ajudará bastante nas dúvidas.

Propriedade	Definição	Valor
color	cor do texto	código hexadecimal: #FFFFFF código rgb: rgb(255,235,0) nome da cor: red, blue, green...etc
letter-spacing	espaçamento entre letras	normal: é o espaçamento default lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
word-spacing	espaçamento entre palavras	normal: é o espaçamento default lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
text-align	alinhamento do texto	left: alinha o texto a esquerda right: alinha o texto a direita center: alinha o texto no centro justify: força o texto a ocupar toda a extensão da linha da esquerda a direita
text-decoration	decoração do texto	none: nenhuma decoração underline: coloca sublinhado no texto overline: coloca um sobrelinhado no texto line-through: coloca uma linha em cima do texto blink: faz o texto piscar
text-indent	recuo do texto	lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) % : porcentagem da largura do elemento pai
text-transform	forma das letras	none: texto normal capitalize: todas as primeiras letras do texto em maiúsculas uppercase: todas as letras do texto em maiúsculas lowercase: todas as letras do texto em minúsculas
direction	direção do texto	ltr: texto escrito da esquerda para a direita rtl: texto escrito da direita para a esquerda
white-space	como o browser trata os espaços em branco	normal: os espaços em branco serão ignorados pelo browser pre: os espaços em branco serão preservados pelo browser nowrap: o texto será apresentado todo ele numa linha única na tela. Não há quebra de linha até ser encontrada uma tag

Continue Lendo...

Use seu emaranhados de cabos na decoração

Vamos combinar que aquele monte de fios atrás da estante da TV e do computador não é nada agradável, principalmente quando não conseguimos escondêlos direito. Bom, você que com certeza tem esse problema, pode ameniza-lo fazendo com que eles façam parte da decoração da sala, isso mesmo. O site Pa-design vende as pecinhas que pode ser fixadas nos cabos e fixados na parede, resolvendo assim o problema dos cabos terriveis que ficas debaixo da mesa. Infelizmente o produto estava indisponível quando visitei o site então não deu pra saber o valor, será que foi sucesso de vendas?

Continue Lendo...

Fraudes de Internet [FUI VITIMA ou quase]

Fraudes da internet existem aos montes isso não podemos negar, mas tem alguns muito cara de pau por exemplos os de e-mails. Hoje recebi um e-mail dizendo ser do Banco Bradesco S/A

Bradesco Internet Banking‏

De:	Bradesco@no-reply.com.br
Enviada:	sexta-feira, 26 de fevereiro de 2010 14:35:37
Para:	XXX@hotmail.com

Prezado Cliente, XXX@hotmail.com Por motivos de segurança comunicamos a todos os clientes que, visando barrar o constante aumento de fraudes no Internet Banking Bradesco será obrigatório realizar a Atualização do seu Cartão de Chaves de Segurança. Caso não efetue a sua Atualização obrigatória com urgência, o acesso via Caixas-Eletrônicos e Internet-Banking será suspenso. Utilize o botão abaixo para efetuar a atualização: Atualizar Dados Agora Atenção: A Atualização obrigatória é de responsabilidade do cliente. O Banco Bradesco S/A não se responsabilizará por danos sofridos caso as chaves não sejam atualizadas.

| Bradesco Notícias | Fale Conosco | Oportunidades de Carreira | Politica de Qualidade | Política de RH | Rede de Atendimento |

© Bradesco S/A 2010

Os links de "atualização" levava a um site que pedia para instalar no micro um programa obiviamente um spyware (virus espião)



E você tem algum relato de fraude? Deixe nos comentários.

Continue Lendo...

Wal-Mart compra a Vudu e entra no mercado de vídeos on-line

A gigante do varejo americana Wal-Mart acaba de comprar o Vudu e entra no promissor mercado dos vídeos pela internet. O Vudu está integrado a um crescente número de televisores conectados à rede mundial de computadores. Com essa Compra, a Wal-Mart que é um dos maiores distribuidores de DVD do mundo, entrar no promissor mercado dos vídeos pela internet.

Como o Vudu não é la um YouTube, a Wal-Mart terá como concorrentes o Netflix, Blockbuster e a Hulu. "A operação será concluída nas próximas semanas", disse o Wal-Mart em um comunicado, divulgado na segunda (22), sem detalhar valores ou termos da aquisição.

"O verdadeiro vencedor aqui é o consumidor", destacou o vice-presidente do Wal-Mart, Eduardo Castro-Wright, citado no comunicado. "Combinar a tecnologia e a experiência da Vudu e o tamanho do Wal-Mart dará aos consumidores um acesso sem precedentes a uma ampla gama de ofertas de entretenimento, enquanto evolui a migração para o digital".

Fonte : G1

Continue Lendo...

Você sabe por que o Twitter optou usar um pássaro como logo?

Não é novidade que o twitter é uma mania na internet. O twitter gera mais visitas que o gigante Orkut.

Por ser uma rede social de rápida comunicação, o Twitter também tem sido constantemente utilizado por grandes empresas para a divulgação de suas marcas, através de constantes atualizações, sempre ligando o "consumidor" a uma página onde possa encontrar mais informações sobre o serviço ou produto oferecido. Além disso, o Twitter tem se mostrado um ótimo instrumento para o fortalecimento das marcas no ambiente virtual, pois agrega seguidores que recebem as atualizações enviadas pelas empresas, porém ainda é uma ferramenta que deve ser melhor explorada para esse fim.

Vocês podem achar besteira esse post, mas eu tenho recebido muitos e-mails de leitores querendo saber o porque que o logo do twitter é um pássaro e o significado da palavra twitter.

"Twitter" refere-se ao som que os pássaros fazem. Algo como "piar", "gorjear", "trinar", "chilrear" ou "pipilar" em português. Além de verbo é também o substantivo: "pio", "gorjeio", "trinado". Com estes significados é sinônimo de "chirp". Agora fica fácil entender porque a mascote do Twitter é um pássaro, não é mesmo? Fica claro também entender porque em português não estamos dizendo "eu tuito" e sim "eu pio". 

Você deve estar aí se perguntando o que isto tem a ver com um tal de microblog no qual as pessoas ficam escrevendo nada com nada. Escrevem apenas pelo prazer de dizer o que estão fazendo naquele momento.

Aí é que entra em cena o sentido figurado da palavra "twitter": "jogar conversar fora", "papear", "tagarelar", geralmente sobre coisas sem muita importância e que não provocam tanto interesse.

O Twitter é justamente isto! Uma espécie de rede social [tipo o Orkut] misturado com mensagens instantâneas [tipo MSN] enviadas para as pessoas que te seguem [rápido porque só permite 140 caracteres]. Você , por sua vez, recebe mensagens das pessoas que você segue. E assim vai!

Fonte:  Twiciado

Continue Lendo...

Origin Eon18 diz ser mais poderoso que o Alienware M11x

Quem pensou que o Alienware M11x era o notebook mais poderoso do mundo se enganou ai vem o Oringin Eon18 um forte concorrente

Quando a Dell comprou a Alienware, em 2006, três executivos decidiram seguir outro rumo. A ideia era criar uma nova marca com o mesmo espírito que a empresa alienígena tinha antes da aquisição. O resultado saiu hoje, com o anúncio do Eon18, da nova empresa batizada de Origin.

Os três conseguiram criar uma máquina bem bacana: cheia de configurações disponíveis, o laptop já chama muito a atenção por sua enorme tela de 18,4 polegadas com resolução full HD. Por dentro, os componentes podem tornar a máquina em um alienígena também: é possível fazer um combo de 3 SSDs de 250 GB, duas placas de vídeo GeForce GTX 280M e 8 GB de memória RAM no padrão DDR3. No processador, a difícil escolha fica entre um Core 2 Extreme Quad QX9300 ou um Core i7.

A promessa de bateria do Eon18 não é lá muito empolgante, aguentando 45 minutos longe da tomada – palavras da própria Origin. O bom é que na hora da customização externa, você pode fazer o que quiser, sem ter de engolir um design exagerado. Dá para escolher a cor de cada parte de fora e até escolher as letras ou imagem na parte de cima, sem ter de fazer propaganda da Origin o tempo todo.

O preço inicial da máquina é 2 070 dólares, mas na configuração que citamos ele deve extrapolar os limites dos bolsos comuns. Mas vale a pena ficar de olho na marca, já que é no mínimo bacana ver pessoas malucas por jogos dispostas a fazer máquinas para malucos por jogos.

Fonte: Info

Continue Lendo...

Kama Sutra de Nerd

Todo mundo conhece o kama Sutra, aquele livrinho com posições sexuais elásticas, que pra realizar algumas, só praticando muito Yoga ou ser um bom contorcionista. Já imaginou um Nerd praticando as posições do Kama Sutra? O resultado é este:

Continue Lendo...

Noteput: Aprendendo música com interatividade

O Noteput é uma mesa musical interativa com notas tangíveis, que combina três sentidos: audição, visão e tato, para tornar o estudo de notação musical mais fácil e atraente para crianças e alunos de todas as idades.

Desenvolvida pela dupla Jürgen Graef e Jonas Heuer, a mesa funciona como uma partitura em branco, na qual o usuário pode criar e tocar a música que quiser. Para isso, basta selecionar as notas e posicioná-las na mesa para que, em seguida, o respectivo som é reproduzido pelo equipamento.

Um o mostrando o Noteput em funcionamento.

Fonte: G1

Continue Lendo...

Carregador inteligente

Um dos grandes problemas de alguns eletrônicos é que quando vamos recarregar a bateria na tomada, temos que ficar observando até o produto ficar com bateria 100%, caso contrário, podemos estragá-la se a deixarmos carregando mesmo depois que estiver cheia.

Para acabar com este problema, Conor Klein desenvolveu este aparelho que se desconecta sozinho da tomada depois que o produto está com a carga completa.

Irado né? Se bem que acho mais legal a fonte dos Macbooks, que deixam de carregar a bateria automaticamente depois que a carga está completa e começam a mandar carga apenas para manter o macbook ligado.

Continue Lendo...

15 Mitos que você gostaria de saber

Só não me pergunte por que eu coloquei logo a foto dos Mythbusters (Caçadores de Mito)

1 – Desligar a máquina diretamente no botão, sem selecionar previamente a opção de desligar o equipamento, estraga o HD?

Verdade. O HD pode queimar ao ser desligado enquanto ele ainda está lendo ou escrevendo em alguma parte do sistema. Pois, quando a energia é desligada subitamente, as placas que cobrem o disco (que gira até 10 mil rotações) descem sobre ele e podem ir riscando até que alcancem a posição de descanso. Ao selecionar a opção ‘Desligar o Computador’, todo o sistema se prepara para repousar e suspende todas as atividades. Cada peça vai ficar em seu devido lugar.

2 – Ter o desktop cheio de ícones deixa o computador mais lento?

Verdade. Não importa se são ícones de programas ou arquivos. O que acontece é que a placa de vídeo do computador renova constantemente a informação apresentada na tela, e quanto mais ícones, mais tempo.

3 – Olhar para a luz de baixo do mouse óptico faz mal?

Verdade. Pode até não deixar a pessoa cega mas olhar bastante ou por muito tempo a luz, pode fazer mal para a retina do olho pelo luz ser bastante forte.

4 – Não se deve tirar o pen drive sem avisar à máquina?

Verdade. Deve ser selecionada a opção “Retirar hardware com segurança” antes de retirá-lo. Caso contrário, corre-se o risco de queimar a memória do usb.

5 – Empurrar o cd com o dedo para inserí-lo na CPU é prejudicial ao equipamento?

Mentira. Desde que você empurre a caixinha com uma força razoavel e leve…

6 – Mover a CPU quando o computador está ligado pode queimar o HD?

Mentira. A força centrífuga com que gira o HD é tanta que não acontece nada ao se mover a CPU. Muito menos ainda em se tratando de um notebook, porque eles foram feitos para isso. Mas é lógico que você não vai sair por ai dando “porrada” no equipamento, né?.

7 – Pelo bem do monitor, é conveniente usar protetor de tela quando não está em uso?

Verdade. Porque o mecanismo do protetor de tela faz com que o desgaste das cores da tela seja uniforme. Ao renovar as imagens constantemente, não se gasta num mesmo lugar.

8 – Faz mal ao computador ter algum celular por perto.?

Mentira. Sem problema algum, no máximo um ronco provocado pela interferência de uma chamada.

9 – Nos notebooks deve-se acoplar primeiro o cabo de eletricidade à máquina e somente depois esse cabo a tomada?

Mentira. Tanto faz. Quase todos os equipamentos portáteis atuais tem proteção de curto-circuito e são multi-voltagem, podem ser ligados em tensões de 90 a 240 volts, pelo que são sumamente estáveis.

10 – É necessário ter espaço entre o monitor e a parede atrás dele?

Mentira. Porém é necessário que o ambiente seja ventilado.

11 – Máquina virtual pode passar vírus para o PC?

Mentira. Máquinas virtuais estão sujeitas às mesmas ameaças que um computador real, porém, é improvável que as pragas migrem do ambiente emulado para o sistema principal. Isto significa que os vírus adquiridos na máquina virtual não representam uma ameaça para seu computador real.

12 – Ter muitos vírus na quarenta deixa o PC mais lento?

Verdade. a princípio. Porém isso isso depende: se o vírus for perigoso o PC fica mais lento, caso contrário não interfere na velocidade.

13 – Particionar o HD melhora a velocidade do PC?

Verdade. Pois com o particionamento do HD, a máquina demora muito menos tempo para procurar e gravar dados no HD.

14 – Água ou café derramada sobre o teclado pode arruinar seu funcionamento.

Verdade. Estragam as trilhas metalizadas que estão embaixo das teclas. Podem criar um curto-circuito e queimar.

15 – Quando há chuva forte, é absolutamente necessário tirar o plugue do computador da tomada?

Verdade. Deveria ser adotado como uma obrigação no caso de uma chuva muito forte, com muitos raios e trovões. Da mesma forma, é aconselhável retirar os cabos do telefone e da alimentação do modem para que não queimem com a descarga de raios.

Continue Lendo...

Flash vs HTML 5 : Quem leva a melhor?

O HTML5 acaba por ser uma mudança excelente para todos pelo simples fato de ser a linguagem mais padronizada. Ou seja, você não precisa baixar nenhum plugin para que funcione — diferente do Flash. O problema é que, antes de mais nada, os navegadores também precisar ser compatíveis. Atualmente, somente o Google Chrome e o Apple Safari têm suporte.

Já o Flash está presente em uma infinidade de sites hoje. Há excelentes utilidades, como reprodução de vídeos e jogos, os quais são cada vez mais bem desenvolvidos. O problema começa quando seu computador começa a achar o processamento do Flash pesado demais, como é o caso de vídeos em HD no YouTube.

O HTML5, nesse caso, seria a alternativa perfeita. Com a integração de vídeos já nativa da linguagem, não é necessário que os vídeos passem antes pelo Flash para serem reproduzidos, aumentando consideravelmente a performance. É por isso que o YouTube e o Vimeo já usam a tecnologia. Veja mais sobre isso no artigo "YouTube e Vimeo entram na onda do HTML5".

O HTML5 ainda não é capaz de desempenhar todas as funções do Flash (longe disso). Mas as promessas são realmente grandes em questão de funcionalidades. E há preferência na utilização de um código-padrão do que um dependente de plugins para funcionamento.

Promessas para o HTML5 não faltam. Aplicações relativamente boas já comprovam que a tecnologia é potente, como o Google Voice, o YouTube e o Vimeo. Entretanto, principalmente na questão de vídeos, o HTML5 precisa evoluir muito, já que o uso de codificações (ou codecs) para reprodução é mais complexo do que parece.

A transição também demora anos para acontecer, já que ela não ocorre de uma vez só. Essa mudança gradativa dá a oportunidade para a Adobe modificar o Flash e "correr atrás do prejuízo", com a melhora da performance e novas funcionalidades.

Com essa mudança gradativa, podemos também descartar que as empresas modificarem seus sites feitos em Flash será um desconforto, pois provavelmente já teriam de se atualizar de uma forma ou outra.

Dizer que o HTML 5 vai substituir o Flash é, no mínimo, errado. Já é comprovado que tecnologias dificilmente morrem, somente se modificam e entram em convergências. Cada linguagem mostra vantagens sobre outras ao desempenhar tarefas — o HTML5 permite maior performance e facilidade, mas não faz tudo que é possível com o Flash. E se um dia o fizer, é porque a convergência aconteceu.

Fonte : Baixaki

Continue Lendo...

Pacote com 60 anuncios absulutamente geniais

Uma manipulação bem feita moldada sob uma idéia de impacto é no mínimo atraente aos olhos, despertando atenção de seu público alvo. É quase o mesmo principio que usa mulheres seminuas em anúncios de cervejas. Confiram 60 anúncios que envolvem apenas manipulação e tratamento.

Continue Lendo...