O Rails Summit Latin America recebeu um upgrade e a partir deste ano se chamará RubyConf Brasil by Locaweb. Depois de duas edições de sucesso, conseguimos a permissão da RubyCentral para a utilização do nome e o apoio de conteúdo deles.

É uma grande conquista para o Brasil, que representará a América Latina recebendo esse evento conhecido mundialmente.

As novidades não param por ai. O evento deste ano será ainda maior, com o mesmo conteúdo de qualidade, palestrantes nacionais e internacionais e o melhor de tudo, custará menos da metade do preço.

Será somente R$150,00 para quem fizer a inscrição e pagamento nos primeiros dias.

Fiquem atentos. Em agosto abriremos as inscrições.

Data: 26 e 27/10/2010
Local: Centro de Convenções Frei Caneca

Mais informações acesse: http://www.rubyconf.com.br

Veja o exemplo

Bordas
Para dar um efeito mais real, eu aconselho usar um .png ou .gif transparente para suavizar as bordas. Aqui estou usando png com bordas de 3px. Faça o download do PNG.

CSS

.bri {
 position:relative;
}
.bri span {
 background:url("borders.png") no-repeat;
 display:block;
 height:3px;
 position:absolute;
 width:3px;
}
.bri .ctl {
 left:0;
 top:0;
}
.bri .ctr {
 background-position:-3px 0;
 right:0;
 top:0;
}
.bri .cbl {
 background-position:0 -3px;
 bottom:0;
 left:0;
}
.bri .cbr {
 background-position:-3px -3px;
 bottom:0;
 right:0;
}

jQuery

$(document).ready(function(){
 $(".border-radius").each(function(i){
 $(this).wrap("<div id='bri"+i+"' class='bri'>").before("<span class='ctl'></span><span class='ctr'></span><span class='cbl'></span><span class='cbr'></span>");
 $('#bri'+i).css({position:'relative', width:$(this).attr('width'), height:$(this).attr('height')});
 })
});

HTML
Basta incluir uma class=”border-radius” na imagem que você quer aplicar o efeito, não esqueça de definir o width/height.

<img class="border-radius" src="imagem.jpg" width="380" height="167">

Funcionou nos seguintes nos navegadores:

• IE 7, IE8, Chrome, Safari, Firefox e Opera (Win)
• Firefox, Safari, Chrome, Opera (Mac)
• Firefox, Chrome, Opera (Linux)

Se tiver alguma dúvida poste seu comentário.

Mais de 6.000 pessoas já tiveram a oportunidade de participar deste encontro, e você não pode ficar de fora dele. Venha conferir as tendências do mercado, atualizar seus conhecimentos e fazer novos contatos. A programação apresenta renomados profissionais, cases, conhecimentos técnicos, informações e muito mais.

http://www.locaweb.com.br/encontro/

Rails Summit Latin America

A conferência acontece nos dias 13 e 14 de outubro, no Centro de Convenções Anhembi, em São Paulo. A última edição reuniu mais de 550 participantes e espera muito mais neste ano.

Serão dois dias inteiros de palestras muito informativas. Você terá a oportunidade de se encontrar com grandes profissionais de todo o mundo.

Preços

R$ 400 ou R$ 200 para estudantes. 10% de desconto para grupos de 5 ou mais registros inteiros (não-estudantes). Inscreva-se já!

Divulgação

Divulgue o Rails Summit em seu twitter #railssummit, coloque os banners em seu blog ou publique vídeos no You Tube. Acompanhe o evento no twitter, siga o @railssummit e concorra a cortesias.

Contato

Quaisquer dúvidas sobre registro, ou se estiver interessado em patrocinar o evento, mande e-mail para railssummit@locaweb.com.br

Blackbaud iPhone Browser Simulator
http://labs.blackbaud.com/NetCommunity/article?artid=662

Try-Ruby!
http://tryruby.hobix.com/

A Microsoft adicionou o navegador IE8 nas atualizações automáticas. O objetivo dessa ação é facilitar e simplificar a atualização de versões anteriores como IE6 e IE7. Leia mais em http://blogs.msdn.com/ie/archive/2009/04/10/prepare-for-automatic-update-distribution-of-ie8.aspx

Versões do Internet Explorer

• Internet Explorer 1.0 (4.40.308)
• Internet Explorer 1.5 (0.1.0.10)
• Internet Explorer 2.01 (2.01.046)
• Internet Explorer 3.0 (3.0.1152)
• Internet Explorer 4.01 (4.72.3110.0)
• Internet Explorer 5.01 (5.00.3314.2100)
• Internet Explorer 5.5 (5.51.4807.2300)
• Internet Explorer 6.0 (6.00.2800.1106)
• Internet Explorer 6.0 (6.00.2900.2180)
• Internet Explorer 7.0 (7.00.5730.13)
• Internet Explorer 8.0 (8.00.6001.18702)

Windows – Tabela de Compatibilidade

Clique para ampliar

Download
Internet Explorer Collection

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Instalado a jQuery</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>

Na área de downloads, existem os tipos “Minifed” e “Uncompressed”.

O “Minifed” o tipo mais compacto (55.9 KB),  ele não tem espaços entre cada linha de código e comentários.

Já o “Uncompressed” (117 KB), é usado para análise e entendimento da biblioteca, pois possui comentários em cada linha de código.

jQuery – Downloads
http://docs.jquery.com/Downloading_jQuery#Download_jQuery

Felizmente elas não interferem umas nas outras, assim utilizando todas elas cada vez que você deseja adicionar transparência não será uma grande preocupação.

.transparency {
    opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
}

opacity: 0.5
Esse é o mais importante por ser o padrão atual em CSS. Funciona na maioria das versões do Firefox, Safari, Chrome e Opera. Bastaria essa propriedade se todos os navegadores suportassem, infelizmente isso não acontece.

filtro: alpha (opacity = 50);
Específico para o navegador IE (Internet Explorer).

-moz-opacity: 0.5;
Necessário para suportar os antigos navegadores Mozilla como o Netscape Navigator.

-khtml-opacity: 0.5;
Compatível com as versões antigas do Safari (1.x), quando seu engine de renderização ainda era o KTHML, atualmente é o WebKit.

jQuery é um biblioteca JavaScript criada por John Resig, sua finalidade é simplificar o desenvolvimento de códigos javascript.

John Resig, resume jQuery com a frase:

“O foco principal da biblioteca jQuery é a simplicidade. Por que submeter os desenvolvedores ao martírio de escrever longos e complexos códigos para criar efeitos simples.” – jQuery in Action

Sem dúvida,  jQuery é muito simples e fácil, com pouco conhecimento de programação é possível escrever códigos de forma muito rápida.

jQuery pode ser utilizada em página web para enriquecer a experiência do usuário de forma progressiva e não obstrutiva. Além disso, ela é compatível com qualquer sistema operacional, navegadores e oferece suporte completo as CSS 3.

jQuery
http://www.jquery.com

O Web Trend Map é uma publicação anual da empresa iA Inc. Inspirado nas linhas do metrô de Tokyo, o mapa contém os 333 domínios e as 111 pessoas mais influentes da internet.

Cada domínio é avaliado com base no tráfego, receita e idade da empresa que o possui.

Porque o  metrô de Tokyo? Devido à complexidade  das linhas, essa foi a melhor analogia que eles encontraram para ilustrar as tendências da internet.

Download do Web Trend Map 4
http://www.flickr.com/photos/formforce/3409362834/sizes/l/

Esse estilo é utilizado para fins de acessibilidade, se o usuário estiver utilizando somente um teclado ou leitor de tela é preciso idenficar os links na página. Faça um teste, utilize a tecla “tab” e veja o contorno nos links.

A imagem abaixo ilustra isso, repare que exite um contorme no link da aba “Página Inicial”.

Para retirar o contorno do link é simples, adicione no CSS o seguinte:

a {
  outline: none;
}

Repare que agora o link não exibe mais o contorno.

Lembre-se que utilizando a propriedade:valor “outline:none” no seletor “a”, todos os links da página serão afetados.  Recomendo que analise muito bem o propósito da interface que está codificando, não esqueça da acessibilidade.

“A Locaweb sempre investe nos desenvolvedores e em 2009 iniciou uma nova série de encontros focados em desenvolvimento. A idéia de um Barcamp é incentivar o encontro de desenvolvedores de uma mesma tecnologia para trocar idéias, experiências, discutir novidades e inclusive fazer código no local mesmo.
Sem uma agenda pré-definida, e sem formato formal de palestra, o importante é a participação do desenvolvedor.”

Acompanhe o Blog oficial do Barcamp Locaweb e veja fotos, depoimentos e saiba a data dos  próximos Barcamps.

Google acaba de disponibilizar um manual com dicas de Search Engine Optimization (”otimização do mecanismo de buscas”, mais conhecida pela sigla SEO). O arquivo, em formato PDF está e escrito em inglês, tem 22 páginas e pode ser baixado gratuitamente.

Lá você não vai encontrar apenas dicas básicas que muitos já conhecem, um dos responsáveis pela criação do manual, Brandon Falls, avisa no Google Webmaster Central Blog “Listamos as melhores práticas que nós usamos dentro do Google.”

O manual informa como fazer um título adequado para a página, usar meta tags, melhorar a estrutura das URLs, otimizar as imagens, usar o robots.txt, etc.

Faça o download do manual Google SEO (Search Engine Optimization)

O Google anunciou dia 11/12 a graduação do navegador Google Chrome como um produto oficial da empresa ao abandonar de vez o selo Beta.

A nova versão, que saiu da 0.4 para a 1.0 que traz melhorias importantes como estabilidade, performance, sistema de renderização páginas ainda mais aprimorado, gerenciador de favoritos e controle de privacidade.

Segundo a empresa, algumas funcionalidades como auto-completação de formulários e suporte RSS devem aparecer no futuro, assim como versões voltadas para Mac e Linux.

Experimente e faça o download do Google Ghrome 1.0

Além do recurso Private Browsing (navegação sem deixar rastros) a nova versão conta com a opção Clear Recent History (limpar o histórico das últimas horas de navegação) e com o engine javascript TraceMonkey.

Você pode fazer o download do Firefox 3.1 beta 2 para Windows, Mac OS X e Linux no site da Mozilla.

O Yahoo! lançou faz alguns meses uma ferramenta chamada Smush It! que torna fácil e rápido a otimização do tamanho de imagens sem afetar a qualidade visual. Segundo a empresa, Smush It! reduz o tamanho do arquivo ao efetuar um ajuste no número de cores, remoção de excesso de metadados e outros dados visuais.

Existem três formas de usar Smush It!:
- Você pode enviar diversas imagens pelo navegador.
- Através de URL’s com endereços das imagens.
- Plugin para Firefox que otimiza as imagens encontradas em qualquer página, gerando uma lista e um zip.

http://smushit.com/

Essa é uma excelente fonte de consulta, aproveite!

Acesse: CSS Properties Index

Para as Unidades Relativas existem os point (pt), pica (pc), milímetro (mm), centímetro (cm) e polegada (in). Essas medidas são definidas em relação ao equipamento que estamos utilizando (monitores em diferentes tamanhos, celulares, palms, smartphones, entre outros).

Nas Unidade Absolutas, existem os pixels (px), porcentagem (%), ex e em. Essas unidades em especial o “em” quando utilizado como propriedade da fonte (font-size) é definida por herança.

Existe uma ferramenta online chamada Em Calculator que pode ajudá-lo a transformar pixel em unidade relativa “em”.

Exemplo do código CSS:

body {
  font-size: 16px;
}
p {
  font-size:0.75em;
}
p a {
  font-size:0.83em;
}
div {
  font-size:0.75em;
}

Acesse: Em Calculator

Esses são alguns dos navegadores disponíveis:
- Google Chrome 0.2
- MSIE 5.0, 6.0, 7.0 e 8.0
- Firefox 1.0, 1.5, 2.0 e 3.0
- Safari 3.0 e 3.1
- Opera 9.x

É possível também definir a resolução da tela, qualidade de cor, se o javascript, flash e java estão ativos.

Após enviar o teste é gerada uma página onde são exibidas as imagens dos navegadores que foram testados.

Você, que trabalha com desenvolvimento web, sabe como é importante garantir que o site do seu cliente funcione nos principais navegadores. Aproveite esse serviço e agilize seus testes!

Acesse: http://browsershots.org

O principal objetivo do navegador é tornar a navegação web mais veloz, segurança e estável. Conheça mais sobre os recursos e o que acontece por dentro do Google Chrome.

Se seu site é compatível com Safari 3.1, provavelmente também será compatível com o Google Chrome, ambos usam o WebKit. Consulte o material disponível para desenvolvedores sobre compatibilidades com o navegador.

A Microsoft, por sua vez no final do mês passado, disponibilizou o segundo beta do Internet Explorer 8.

As principais novidades são os novos recursos de privacidade, diversas melhorias na segurança, performance e estabilidade.