Mas não poderia deixar de postar aqui uma nota sobre um evento muito bom que vai acontecer no vale.

Comunicavale - Comunicação colaborativa no Vale do Paraíba

Organizado por @armindoferreira (Cruz e Ferreira) e @robsoncriative (Criative Comunicação) o Comunicavale vai discutir durante dois dias (7 e 8 de Julho/2010) o setor de comunicação do Vale do Paraíba, com nomes de peso.

Uma ótima oportunidade para estudantes e profissionais da área de comunicação. Afinal nossa região ainda é carente de eventos desse nível.

Veja aqui todas as informações sobre data, local e inscrições.

Já que chegou até aqui, que tal ler isto?

• Guerra dos browsers. Morte ao IE6 e vem aí o RockMelt

Achei interessante criar uma resumo em português com estas 10 dicas. A maioria delas eu passei a utilizar em meus projetos!

1. Use sempre o $(document).ready()

Coloque todo seu código dentro desta função. Isto irá fazer com que seu código jQuery seja executado assim que o DOM for carregado mas antes do conteúdo (veja a dica 2). Isto permite que você atribua funções aos eventos dos elementos. Evitando o uso de onload, onclick entre outros. Ou seja, você não irá interferir na marcação HTML com o javascript.

2. Use o $(window).load ()

Embora a maioria dos exemplos sejam colocados dentro de $(document).ready() é melhor evitar colocar tudo dentro dele.

$(document).ready() é muito útil. Mas ele ocorre durante a renderização do documento. Funcionalidades supérfluas como scrolling e drag and drop, etc podem ser colocadas dentro de $(window).load() que é executada após o download completo da página.

A sintaxe é a mesma do $(document).ready()

3. Carregue somente o que precisa

Nós programadores somos tentados a escrever todo o código javascript em um mesmo local e usá-lo em todas as páginas, seja em forma de arquivo, ou repetindo o código no velho Ctrl C + Ctrl V. O jQuery leva tempo para vasculhar todo o documento em busca dos elementos. Isto pode causar uma queda no rendimento da aplicação.

1
2
3
4
5
6
7
8

$(document).ready (function () {
   if ('body').hasClass ('home') {
      // Código usado na home
   }
   else if ('body').hasClass ('blog') {
      // Código usado no blog
   }
});

4. Saiba o que é o método data() e use-o

Para guardar e utilizar alguns dados você pode utilizar o método data da jQuery.

1
2
3
4

   // Define o valor
   $('.myselector').data ('myfavcolor', 'orange');
   // E então. Retorna o valor
   $('myselector').data ('myfavcolor');

Eu escrevi um artigo sobre o método data que você pode ver clicando aqui

5. Seletores internos da jQuery

Conhecer os seletores CSS ajuda muito na hora de escrever código jQuery. Mas os seletores internos também ajudam bastante. Veja os seletores aqui http://docs.jquery.com/Selectors.
Por exemplo

1

   $("div:contains('hello')").css ('background-color', '#cc0000');

O código acima deixa vermelha a cor de background de todos os elementos div que contenham a palavra “hello”. Você também pode usar

1

   $('input:password')

para selecionar todos os campos do tipo password

6. Crie flags com classes

Você pode usar “flags” para monitorar o que o usuário está fazendo, ou então para verificar quando determinada ação foi feita ou não. A função addClass serve para adicionar uma classe em um elemento. Desta forma você pode verificar posteriormente a existência da classe com a função hasClass

7. Não chame o mesmo seletor várias vezes

Ao invés de fazer isto

1
2
3
4

   $('p.hello').css ('color', '#000000');
   $('p.hello').text ('hello');
   $('p.hello').addClass ('paragraph');
   $('p.hello').fadeTo (1000, 1);

Faça isto

1
2
3
4

   $p.css ('color', '#000000');
   $p.text ('hello');
   $p.addClass ('paragraph');
   $p.fadeTo (1000, 1);

Desta forma se armazena o objeto retornado pelo seletor em uma variável para posterior reuso.

8. Encadeie (quase) tudo

O encadeamento é muito útil. O mesmo código do exemplo anterior por ser escrito assim

1

   $('p.hello').css ('color', '#000000').text ('hello').addClass ('paragraph').fadeTo (1000, 1);

Tenha cuidado ao utilizar o encadeamento pois pode causar certa lentidão.

9. Utilize o toggleClass

Você pode alternar classes de elementos para selecionar seu comportamento. Se sua classe .hidden não mostra nenhum item você pode os tornar visíveis com

1

   $('p.hidden').toggleClass ();

10. Guarde os resultados

Quando estiver lidando com funções, você pode querer guardar alguns resultados para uso posterior. Uma solução possível é guardar os resultados em objetos com escopo global.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

   // use the window object for instance
   window.$results = {
   one : 0,
   two : 0
   };
 
   // this is the function, perhaps ran more than once
   function getResults (first, second)
   {
   $results.one = first;
   $results.two = second;
   }
 
   // run function
   getResults ($('li.blue'), $('a.red));
   $results.one.hasClass ('blue'); // true
   $results.two.hasClass ('blue'); // false
 
   // run again
   getResults ($('li.red'), $('a.blue));
   $results.one.hasClass ('blue'); // false
   $results.two.hasClass ('blue'); // true

Já que chegou até aqui, que tal ler isto?

• Método data() da jQuery
• Função live() da jQuery
• Função closest() da jQuery
• Saiba se uma requisição foi feita via AJAX no PHP
• Corrigir PNG transparente no IE 6 com jQuery

Agora, passados 3 meses deste ano de 2009, é hora de dar uma revisada e ver o que foi cumprido, o que foi adiado e o que será retirado da lista.

Antes, uma pequena revisão do que já vimos neste primeiro trimestre. Para alguns não foi muito, já que a quarta-feira de cinzas para muitos é o início do ano.

Na minha área profissional, internet, estamos vivendo o burburinho do twitter. Que já foi parar até na revista Época de 14 de Março. Eu sou novo nesse assunto de microblogging, mas estou acompanhando de perto este buzz. Se você quiser pode seguir minhas twitadas clicando aqui.

A crise econômica mundial continua sendo um dos assuntos mais presentes nas pautas jornalísticas. E no jornalismo esportivo Ronaldo foi figura carimbada, ao menos até o jovem Neymar começar a dividir os holofotes com o fenômeno.

Vamos as metas de ano novo

Leitura – Das metas que tracei, a que mais gostei foi a de ler um livro por mês. Eu tenho o hábito de ler muito na internet e em revistas. Livros nunca foram meu forte, mas isto está mudando. Mesmo assim não cumpri a meta e ainda estou terminando o segundo livro.

Profissional – Minha meta para o primeiro trimestre era lançar um blog pessoal/profissional. Está lançado, mas ainda não consegui colocar um tema bacana e ter uma periodicidade de postagens. Acreditem, tenho muita coisa legal para colocar aqui para o pessoal de desenvolvimento web e também na área de produtividade e desenvolvimento pessoal.

Algumas metas infelizmente tive que adiar, como voltar a praticar aggressive in line, praticar voluntariado e fazer um treinamento sério de musculação. Este último não por motivos estéticos, mas por indicação médica mesmo.

Descobri que a vida moderna é dinâmica demais para muitas metas anuais. O melhor a se fazer é escolher os pontos principais e focar neles. O ideal, ao menos para mim, é revisar as metas sempre a cada trimestre.

Já que chegou até aqui, que tal ler isto?

• Este post não tem posts relacionados

E o pior. Quando a reunião é indispensável, geralmente as decisões – quando se chega a alguma – não são colocadas em prática.

O tempo é muito curto. Em grandes cidades uma reunião demanda muito tempo em deslocamento. Tempo este que muitas vezes é maior que a duração do encontro. A tecnologia nos possibilita uma grande flexibilidade na comunicação. Telefone, e-mail e programas de mensagem instantânea como Skype, Gtalk e MSN podem e devem ser usados para diminuir distâncias.

Aqui na empresa, o meio mais eficiente para se resolver problemas e se tomar decisões é o e-mail. Usando esta ferramenta, as partes tendem a ser mais diretas – é muito mais difícil digitar do que falar – e vão diretamente ao ponto. O resultado disto é uma grande economia de tempo.

A pauta

Marcou uma reunião? Não tem como decidir de maneira remota? Prepare uma pauta. Coloque num e-mail todos os pontos que serão discutidos no encontro e envie para os envolvidos com antecedência. Inclusive defina os responsáveis por cada tópico. No momento da reunião, tenha estas informações sempre ao alcance. Seja em impresso, notebook ou no smartphone.

Faça anotações, e sempre busque a resolução de cada questão.

Após a reunião, faça um resumo

Para evitar que as discussões se percam, faça sempre um resumo do que foi tratado. Novamente envie para os envolvidos e mantenha este resumo ao alcance para acompanhamento.

Estas práticas são muito simples. Mas seu poder de aumentar a produtividade é enorme!

Já que chegou até aqui, que tal ler isto?

• Este post não tem posts relacionados