Usando CSS Sprites

Esta técnica é aconselhável tanto para sites com layout de muitas imagens como para sites com menus animados. Sabe quando você passa o mouse sobre um item do menu de um site e tem que esperar a imagem que corresponde ao “botão pressionado” carregar? Ou quando o conteúdo em texto do site já apareceu, mas ainda fica uma eternidade até carregar imagem por imagem? É exatamente isso que vamos tentar evitar por aqui.

Veja, por exemplo, o tempo que alguns sites conhecidos levam para carregar o HTML e outros arquivos como imagens, css e javascript.

  • Yahoo: 10% do tempo carregando HTML e 90% do tempo em outras requisições.
  • eBay: 5% do tempo carregando HTML e 95% do tempo em outras requisições.
  • Youtube: 9% do tempo carregando HTML e 91% do tempo em outras requisições.

Já dá para ter uma idéia de que diminuir o número e o tamanho das requisições poderá reduzir significativamente o tempo de carregamento de um website.

Os Sprites

Sprite [en] é um frame de uma animação qualquer, termo muito utilizado no desenvolvimento de jogos 2d, em que todas as poses dos personagens eram gravadas em um só Bitmap para não sobrecarregar o hardware limitado da época. A programação do jogo só tinha o trabalho de dizer qual dos sprites ia aparecer fornecendo apenas o X, Y, altura e largura correspondente no Charset do personagem.

Ryu Sprites

Se a técnica já trazia uma otimização considerável para os processadores de games da época, podemos ser no mínimo otimistas com os ganhos pro desenvolvimento web.

Criando seu próprio CSS Sprite

A criação dos CSS Sprites é muito simples, abra o seu editor de imagens e unifique todos os frames do menu em uma única figura (ou separando por ítem de menu, por exemplo – crie seu próprio critério). Neste exemplo específico trabalharemos com os Sprites de todos os ítens de menu em uma única imagem. Veja abaixo.

Sprites do Menu

Se fôssemos carregar cada imagem desse menu separadamente teríamos 6 requisições e 18kb no total, e com tudo em uma só imagem o tamanho cai para 14kb. Uma notável otimização.

Partindo pro CSS

O código HTML do exemplo é bem simples, criaremos um menu em lista e colocaremos a imagem como background (plano de fundo) e ao definirmos largura e altura fixa para cada item de menu, só aparecerá o sprite correspondente. Veja abaixo.

Sprite Cut

A propriedade CSS responsável pela mudança dos sprites é a background-position. Ela definirá em que posição o background será exibido, e a partir daí, basta ver na figura onde está o X e o Y do sprite desejado.

todos os links dentro do menu terão a imagem dos sprites
como background

#menu li a { background: url(images/sprites.jpg) no-repeat; display:

 block; width: 120px; height: 60px; }

 

define para cada item a posição em que o sprite está na imagem



#menu li .home { background-position: 0px 0px; }
#menu li .home:hover { background-position: 0px -60px; }
#menu li .textos { background-position: 120px 0px; }
#menu li .textos:hover { background-position: 120px -60px; }
#menu li .contato { background-position: 240px 0px; }
#menu li .contato:hover { background-position: 240px -60px; }

Clique aqui para ver o exemplo online.

Pense também na vantagem na hora de editar um layout, basta abrir uma única imagem no Photoshop, fazer todas as alterações e salvar. CSS Sprites deixa o site mais leve pro usuário, da uma folga maior pro servidor e ainda facilita a manutenção pro designer

fonte: http://www.richardbarros.com.br

Cloud Server 100%

Sempre e bom saber que todo o mundo rema na mesma direção!!!

“Sabe aquele ditado que em casa de ferreiro o espeto é de pau? pois é, aqui o espeto é de ferro!

Esta semana a RedeHost concluiu a migração de toda sua infraestrutura de servidores de hospedagem, emails e bancos de dados para dentro de nossa estrutura de cloud computing, o cloud server.

Este processo demorou cerca de um ano e meio e hoje temos mais de 200 servidores rodando nas várias nuvens computacionais da RedeHost, os principais benefícios deste projeto foram a alta disponibilidade de hardware, que em caso de falha este servidor começará a rodar em novo hardware automaticamente, sem downtime, e a escalabilidade que facilita a ampliação de recursos de um servidor quando necessário.

Este é um marco que reforça ainda mais nosso constante investimento em novas tecnologias e a consolidação da RedeHost no mercado de Cloud Computing.”

fonte: http://blog.redehost.com.br/ (nosso fornecedor de hosting no Brasil)

Olho no prato!!!

“…aluguei um cloud server com a empresa server media e na hora de fazer a cobrança o atendimento foi muito ágil e prestativo me enviaram um email no dia 29/03 confirmando que receberam o pagamento e desde então sumiram, já tentei contato por telefone mais não atendem, enviei diversos tickts de reclamação e nenhuma resposta!! no site da empresa www.servermedia.com.br consta que tem suporte 24hrs o que é propaganda enganosa pois nunca me respondem nem no chat nem por telefone ou ticket o que esta caracterizando como estelionato !!fica aqui o alerta para que mais pessoas não sejam enganado por esta empresa!! á uma semana atrás 22/04 consegui contato com o sr Vinicius Sanchez responsável pela empresa que prometeu devolver o dinheiro e até hoje dia 28/04 não cumpriu com suas promessas…”

fonte: http://denuncio.com.br

Processo de Liberação de domínios

Domínios em processo de liberação terão como resultado da pesquisa, uma das seguintes mensagens:

  • “Domínio não pode ser registrado por estar aguardando o início do processo de liberação”.
  • “Domínio disponível para registro. Processo de liberação de <data e hora inicial> a <data e hora final>”.

A interface de verificação de disponibilidade de domínios somente informará que existem tickets para um domínio em processo de liberação caso este possua mais de um candidato. Ou seja, se o domínio XYZ.COM.BR possuir apenas a empresa XYZ Ltda como candidata, uma consulta a XYZ.COM.BR não informará que já existe um ticket emitido para o mesmo.

As candidaturas ao nome de domínio deverão ser feitas no intervalo entre <data e hora inicial> e <data e hora final>. Expirado o prazo previsto para o final do processo de liberação, não serão aceitos novos pedidos até que a lista de pedidos existentes seja processada.

Para se candidatar a um nome de domínio, deve-se solicitar o registro do mesmo, seguindo as instruções em Cadastrando novos domínios. Quando necessário, serão geradas pendências de documentação e/ou DNS com os seguintes prazos para resolução:

  • pendências de documentação: <data e hora final> + 30 dias
  • pendências de DNS: + 14 dias

No ato da candidatura a um nome de domínio o requerente poderá informar que possui algum diferencial para requerer o registro que se encontra no processo de liberação.

As condições para utilização dessa opção são:

  • a entidade inscrita no processo de liberação deve deter o certificado de registro da marca, concedido pelo INPI, idêntico ao nome de domínio solicitado;
  • o nome de domínio solicitado deve ser idêntico à(s) palavra( s) ou expressão(ões) utilizada(s) no nome empresarial da entidade para distinguí-la, sendo facultada a adição do uso do caractere do objeto ou atividade da entidade. Para essa opção a palavra ou expressão não pode ser de caráter genérico, descritivo, comum, indicação geográfica ou cores e, caso a entidade detenha em seu nome empresarial mais de uma expressão para distinguí-la, o nome de domínio deverá ser idêntico ao conjunto delas e não apenas a uma das expressões isoladamente. Essa entidade deverá comprovar que se utiliza deste nome empresarial há mais de 30 (trinta) meses;

Para isso o requerente deverá acionar a opção onde constará a seguinte mensagem no ticket emitido: “A entidade possui o registro de marca ou nome empresarial correspondente a este nome de domínio”.

ATENÇÃO: Essa opção deve ser exercida com responsabilidade, podendo ser utilizada somente se o requerente possuir um desses requisitos, posto que, se comprovado abuso ou falsa declaração, o requerente será responsabilizado por tal ato e, ainda, poderá ser prejudicado em demais candidaturas.

É permitida a candidatura a 20 nomes diferentes por entidade, conforme documentado em Esclarecimentos para emissão de novos tickets.

Ao final do processo de liberação em <data e hora final>:

  • os nomes que não tiverem candidatos serão liberados para registro de quem chegar primeiro;
  • os nomes que tiverem apenas um candidato serão a ele atribuídos, desde que solucione as demais pendências, caso existam;
  • os nomes que tiverem dois ou mais candidatos, NÃO serão liberados e ficarão aguardando o próximo processo de liberação. Nestes casos, se houver único requerente com diferencial declaratório, este será notificado, via endereço eletrônico, para apresentar os documentos comprobatórios. Após essa comprovação, o registro do domínio poderá ser atribuído a ele.

Não sendo possível liberar o registro de um domínio pelas regras anteriormente expostas, o domínio voltará a participar dos próximos processos de liberação.

O domínio que participe de mais de 6 (seis) processos de liberação consecutivos sem que seja possível a sua liberação para registro, será excluído do processo e reservado pelo CGI.br por prazo indeterminado, para posterior deliberação.

O REGISTRO.br pode reservar a si, sempre, nomes que participaram sem sucesso do processo de liberação e que, por algum motivo, são considerados de interesse à operação da Internet brasileira.

O prazo para se candidatar é de 15 dias, a contar do início do processo de liberação.

Clique aqui para visualizar a lista de domínios do processo de liberação do período de 05/06/2010 15:00 a 20/06/2010 15:00.

fonte: http://registro.br