Em algum momento de nossos desenvolvimentos nos deparamos com a necessidade de algum bullet.
Aqueles que nunca precisaram dirao: Se eu precisar eu mesmo faço.
Sim, é uma opção, mas às vezes nós precisamos de um bullet e estamos sem tempo, sem criatividade ou até mesmo sem saco para tal. É para esses momentos que eu dou a dica deste site.
Não tenho a menor idéia de quem foi o Gênio que disponibilizou para que qualquer pessoa peque e utilize, mas digo que foi ua boa idéia.
Ainda não precisei usar quelauer um desses bullets, mas presumo que dentro em breve precisarei.
Se você que está lendo precisar, sinta-se à vontade. Não é vergonha alguma utilizar coisas prontas, desde que você tenha licença para isso ou seja de licença free.
Mais uma vez e dessa vez em letras garrafais o site.
Como? Hoje é sexta-feira 13 ou 1º de Abril? Me perdi!
Quem leu, não leu errado ou melhor, não é mentira, embora pareça.
Neste Sábado, 14/06/2008, acontecerá na Rua Arthur de Azevedo n°1 em São Paulo o 1º Campreonato brasileiro de arremesso de celular.
Como funciona?
É simples, vence quem arremessar seu celular o mais longe possível. O celular deve estar sem bateria, pois a mesma será reciclada e a forma de arremessar é livre.
E o Prêmio?
O prêmio para o maior arremessador brasileiro de 2008 será… Um celular. Mas não um celular muito moderno, um bem simples, pois o que vale é a brincadeira.
E as incrições?
Infelizmente já foram encerradas, mas se servir de consolo (hã…?), no final vai haver um arremesso coletivo de celulares, mas sem competição.
Só brasileiro é louco criativo?
Não. No Brasil é o primeiro campeonato, mas no mundo já occorrem campeonatos parecidos em diversos países, como Inglaterra e Estônia.
Será que vai haver um campeonato mundial da modalidade?
Sim. Aliás, já houve. Foi ano passado na Finlândia e segundo informações colhidas por este blog, o vencedor da categoria livre não arremessou seu celular. (Como assim?) Embora o campeonato seja para o arremesso, há um prêmio para a criatividade. O vencedor deste prêmio foi um artista circense que ficou fazendo malabarismo com seu celular. (O meu?) Não o dele…
Infelizmente não vou participar, mas quero mais informações, tem site?
faz dois meses que mudei de emprego (puxa, sorte sua. Teho mais o que fazer…).
Antes me preocupava apenas em não deixar as imagens ou animações em flash muito pesadas, mas não pensando em trfego, mas no usuário que ia acessar.
Logo que entrei aqui, no **, percebi quão necessário é a otimização dos códigos HTML, CSS, JavaScript e das imagens. Pensava, um kb a mais não fará diferença, mas se a página que você desenvolveu tiver uma regularidade de acessos muito grande, algo como 5 milhões mês, esse 1 kb, se torna mais de 4 gigas de trafego, isso é muito por tão pouco, não acham?
“Garcia, as páginas que costruo nunca passam de 1000 visitas mês, por que preciso me preocupar?”
É simples, trafego custa dinheiro. Em um servidor barato mais 100 mbs de trafego você pagará cerca de R$ 10,00 mês. Ou seja, você estará perdendo cerca de R$ 120,00 mês, simplesmente por que não quer melhorar seus códigos ou diminuir um pouco a resolução da uma imagem. Sem contar que você ajuda aquele que navega, pois carrega mais rápido, conseqüentemente ele acaba voltando. Você ajuda na indexação do seu site no Google, pois um código menor e melhor é melhor visto pelo robo deles. E, por incrível que pareça, você ajuda a natureza. (Como assim? Não vou plantar árvores nem nada) Simples, quanto menos a quantidade de Kbs de uma página mais rápido ela se torna para carregar o que economiza energia de quem está acessando e do servidor, pois trabalha menos.
“Legal, acho que vou tentar, mas como? O que eu posso fazer para diminuir o peso das minhas páginas?”
São Algumas coisas simples que com o tempo se tornam rotineiras pra você.
Vou citar algumas ações dividindo-as por IMG, CSS e HTML.
IMG.
No caso de Imagem, o que você pode fazer é diminuir o tamanho e a qualidade.
Ex. Você tem uma imagem com 500×500, mas vai exibir em 400×400, por que não diminuir o tamanho desta imagem, afinal você não utilizará ela toda.
Já a qualidade da imagem você pode diminuir utilizando um software de edição de imagens como o Photoshop. No caso do Photoshop, você precisa clicar em arquivo e exportar para Web. Selecionar jpg e diminuir a qualidade. Por padrão vem em 100%, mas cerca de 40% é o suficiênte para não perder muita qualidade.
CSS.
Veja este código.
a#link{
color:#000000;
font-size:15px;
font-family:Arial;
font-weight:bold;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
margin-right:5px;
}
(160 bytes)
tudo em uma linha. Eu costumava pra facilitar a visualização, programar cada propriedade em uma linha diferente. O Simples fato de passar a programar em uma linha diminui o peso do código em cerca de um kb.
Viram, apenas com isso reduzi de 160 para 50 bytes esse código, agora imagine em um código de 500 linhas…
HTML.
Não consigo pensar um exemplo assim de cara, mas o simples fato de você setar a tag com as propriedades css fará com que você diminua a quantidades de declaração de classes e de ids.
Concluindo…
Não é dificil. É apenas uma prática, uma prática que se tornará usual a você. Você terá um site mais rápido, um site melhor indexado, um site com possibilidades de mais visitas e de quebra você ainda ajuda a salvar o planeja.
Tem também a identação que pode e deve ser usada no CSS e no HTML, isso eu explico depois.
Uma de minhas paixões, além da internet, é a comunicação. Seja qual for a forma de comunicação, se é bem feita, bem planejada eu admiro.
Estava danda uma “passada” pelo blog do Tatu, e me deparei com o vídeo abaixo, criado pela Africa, achei extraordinário. Por isso resolvi postá-lo aqui.
Esta é uma função simples que criei tem algum tempo e utilizo sempre que preciso abrir algum tipo de Janela em formato pop-up.
Eu poderia utilizar uma função específica para cada tipo de pop-up, mas pesem: Se um site tiver links para abrir 5 pop-ups, seria 5 códigos diferentes, ou seja, como resultado o dódigo da página seria maior e a necessidade de ampliar a bande de acesso ao site poderia aumentar.
A função:
<script type=”text/javascript”>
function abre(caminho,largura,altura,rolagem){
w = largura;
h = altura;
rol = rolagem;
largura = screen.width;
altura = screen.height;
XX = (largura-w)/2;
YY = (altura-h)/2;
janela = window.open(caminho,nm_janela, ‘width=’+w+’, height=’+h+’, left=’+XX+’, top=’+YY+’menubar=no, toolbar=no,status=no,scrollbars=’+rol+’,');
janela.focus(); }
</script>
Vamos ver linha a linha como funciona.
Linha 1
function abre(caminho,nm_janela,largura,altura,rolagem){
Esta linha é onde se inicia a função, ou seja, é o nome da função e as variáveis que ela utiliza (caminho,largura,altura,rolagem).
As linhas 2, 3 e 4, nestas linhas eu coloco o conteúdo das variáveis que eu recebi via função em uma variáel que com um nome de minha preferência. Não há a necessidade de iniciar essas variáveis, uma vez que eu poderia usar os nomes que vem entre os parênteses, mas a títuli de clareza das informações, eu prefiro utilizar.
As Linhas 5 e 6 iniciam as variáveis largura e altura com o tamanho da tela de pessoa que está acessando o site utiliza. ex. 1024×768 px
Linhas 7 e 8, estas linhas são a chave para que a pop-up seja aberta centralizada na tela. É iniciada as variáveis XX e YY com a largura(altura) – a largura(altura) que você enviou via função w(h) e divide por 2.
Linha 9 inicia a veriável que abrirá a pop-up, mais uma vez, eu não precisaria iniciar a variável, bastaria que eu escrevesse o caminho depois do igual, mas para deixar o código claro, prefiro iniciar a variável.
window.open = abre a janela
caminho, esta é a variável recebida via função. Ex. “www.leandrogarcia.com/blog”
nm_janela, está é uma outra variável reebida pela função que diz qual é o nome da Janela, é o que dirá se você clicar em um outro link com esta função se deve abrir a nova página na Janela já aberta ou em uma nova. Ex. nm_janela = um, abre uma Janela; segundo clique, nm_janela = um, abre por cima da outra janela. nm_janela = dois, abre uma nova janela
width=’+w+’, é a largura da Janela
height=’+h+, é a altura da Janela
left=’+XX+’, é onde o browser entede que deve centralizar a abertura da Janela horizontalmente
top=’+YY+’, é onde o browser entede que deve centralizar a abertura da Janela verticalmente
menubar=no,toolbar=no,status=no, diz ao browser para não exibir a barra de menus, de ferramentas e a barra de status.
scrollbars=’+rol+’, diz ao rowser se haverá barra de rolagem, yes, no e auto (eu defini como variável da função, pois posso dizer se vai ou não ter barra de rolagem, mas poderia ter iniciado com yes, no ou auto.
e por último, janela.focus(); é onde o browser recebe a ordem de excutar a variável janela
Legal, coloquei esta função no meu site, como eu faço para executála?
Simples, você chama ela via link. Ex. <a href=”javascript:abre(‘http://www.leandrogarcia.com/blog’,'blog do Garcia’,’500′,’500′,’no’);”>Abrir Janela</a> ou, <a href=”#” onClick=”abre(‘http://www.leandrogarcia.com/blog’,'blog do Garcia’,’500′,’500′,’no’);”>Abrir Janela</a>
A função descrita deve ser colada entre as tags <head> e </head> do seu html, ou chamada externamente, mas isso deixa pra uma outra hora.
