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...