Nov 25

Quiz sobre JavaScript – Teste seu conhecimento

Teste seus conhecimentos em JavaScript respondendo o quiz. Todas as perguntas e respostas estão em português.

Não deixe de comentar quantos pontos você fez e o que achou das perguntas.

E pra quem ainda não fez, também tem o Quiz de CSS , o Quiz de XHTML e o Quiz de jQuery .

[]s

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 22

Animação de texto em javascript

Eu sempre fico impressionado com as scripts do dhteumeuleu . Tanto pelo bom trabalho, quanto pela criatividade. E recentemente ele fez (ou eles fizeram?) mais um projeto bem legal, trata-se de uma animação de texto em javascript chamada de “mistakes”. Deem uma olhada abaixo:

No exemplo original, o texto fica dentro de um textarea, mas facilmente dá pra alterar isso, deixar do jeito que você quiser, dentro de um <h1> por exemplo, assim o código fica acessível pra search engines e pra quem não tem javascript.

Quem gostou, pode fazer o download do exemplo original ou então acessar o site do dhteumeuleu . Quem puder contribuir com paypal no site dele, o cara merece. =)

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 21

As melhores ferramentas para validar seu código

O seu browser estar apresentando seu site corretamente não significa que seu código esta correto e também não significa que vai funcionar em mais 40 browsers que são usados atualmente. Programar a interface de um site é bem diferente do que programar numa linguagem server side onde, se você esquecer um “;” ou não fechar um if, seu código nem roda. Programando no lado do cliente, diversos erros de html são “consertados” pela maioria dos browsers. Ou seja, você esquece de fechar uma tag, ou coloca um <h1> dentro de um <a> no seu browser e aparece tudo ok, mas é errado.

Ok, mesmo que o site seja testado no Firefox, ie6, ie7, Safari, Chrome e Opera, quem garante que os navegadores Netscape 6.0, Ant Galio 3.1, Blaze 6.0 ou o Playstation 3 5.0 vão interpretar corretamente também?

E é por isso que devemos validar o código. Existem diversas ferramentas para validação de código.

A mais importante delas, creio que é o HTML validator, uma extensão de firefox. Além de válidar seu (x)html, ele diz o que está errado e como consertar o que é ótimo pra quem está começando a programar interface.
html validator

Para validar CSS, a melhor opção é o CSS validator da W3C. Infelizmente não existe (ou não conheço) nenhuma opção desktop. Mas mesmo assim, vale a pena utilizar.
CSS validator

copyJá o link-checker é um validador de links que analisa seu site e procura por links quebrados, muito útil. A análise é BEM completa, e demora muito tempo, afinal ele checa tudo. Analisando a home do TidBits ele demorou 286 segundos e checou mais de 200 arquivos.
link checker

Outras ferramentas como o firebug, ajudam bastante na codificação, principalmente pra detectar erros de JavaScript. E finalmente, para garantir a acessibilidade do seu site, existe diversas opções, duas em português: o Da Silva e o ASES desenvolvido pelo governo eletrônico.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 19

JS-909 – Uma mesa de som para fazer músicas em javascript

Cameron Adams fez um experimento divertido e o chamou de JS-909, uma mesa de som para construir batidas de músicas. Ela produz som sem utilizar flash, o javascript checa se seu browser é capaz de produzir som, coloca as musicas pra tocar e também inclue um pequeno script para visualizar as batidas em gráficos psicodélicos, no estilo windows media player.

js-909 - Uma mesa de som para fazer musicas em javascript

Como não existe um padrão nos browsers para acessar os controles de som ( para, tocar, voltar ). Ele usou a interface de javascript do quicktime para tocar os sons.

veja mais tidbitsOs sons são chamados pela tag <embed> e num determinado evento é criado o embed no dom via javascript.

Veja o exemplo rodando aqui.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 17

Concorra a dois ingressos para o Primeiro Encontro de TI

encontro de ti

O 1º Encontro de Tecnologia da Informação para desenvolvedores web, comentado no post anterior , vai ser realizado nos dias 27 (quinta) em São Paulo e 29 (sábado) de novembro no Rio de Janeiro e vai abordar temas da área que foram escolhidos pelo própio público do evento. veja mais tidbitsA Arteccom está disponibilizando dois ingressos (um para o RJ e um para SP) para o TidBits. E nós vamos dar o ingresso para os nossos leitores. =)

A Belinha queria ir no evento mas não liberaram ela no trabalho. Então, para ganhar um ingresso, responda a seguinte pergunta:

Que desculpa esfarrapada você pode dar a seu chefe que não deixou você ir no evento?

Você pode responder aqui no comentário do post mesmo. É só deixar seu email, seu estado (SP ou RJ), e a resposta.

O evento terá diversas palestras e oficinas interessantes sobre SEO, Scrum, Ruby on Rails. E no final do evento ainda vai rolar um happy hour lá. Veja a programação completa.

A promoção vale só até quarta feira ( 19 de novembro ) as 17 horas.

Promoção encerrada

E os ganhadores foram:

Anderson Campista (RJ)
Mariana Dias dos Santos Nadais (SP)

[]s

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Nov 17

Primeiro encontro de TI – Em São Paulo e no Rio de Janeiro

encontro de ti

copyDia 27 de novembro em São Paulo e 29 de novembro no Rio de Janeiro, vai ter o 1º encontro de TI, e o que chama a atenção nesse evento, é que o público que montou a programação. A Arteccom fez uma pesquisa no site www.encontrodeti.com.br com desenvolvedores web para que fossem sugeridos temas e palestrantes para o evento. 512 profissionais da área de TI responderam a pesquisa e os temas mais votados e escolhidos para as palestras foram :

  • Linguagens – quais são as mais requisitadas pelas grandes empresas e o valor das formações/certificações
  • CMS livres: Drupal x Joomla! x WordPress
  • Ferramenta Google Analytics: como analisar acessos e gerar melhores resultados
  • Padrões W3C – Como tornar seu site mais leve e mais acessível

E depois de escolhidos os temas, os mediadores dos palestrantes e oficinas propõem um debate no site do ETI para decidir qual especialidade dentro do assunto principal será abordada para as palestras:

Simultaneamente as palestras, ocorrerão algumas oficinas que vão discutir assuntos atuais da área, como Ruby On Rails, SEO, Interoperabilidade e Scrum e depois de tudo isso vai rolar um happy hour.

Veja a programação abaixo:

Horário Programação
08:30 Credenciamento
09:00 Café da manhã (networking e visita aos estandes)
10:00 Abertura
10:15 Palestra: “Linguagens: quais são as mais requisitadas pelas grandes empresas e o valor das formações/certificações”
Palestrante SP e RJ: Guilherme Chapiewski (Globo.com)
11:15 Debate CMS livres:
WordPress: SP: José Murilo (Minc) | RJ: Guilherme Aguiar (Minc)
Joomla!: Ricardo Accioly (Noix)
Drupal: Paulino Michelazzo (Fábrica Livre)
13:00 Intervalo para almoço
14:30 Palestra: “Google Analytics: como analisar acessos e gerar melhores resultados”
Palestrante SP: Ruy Carneiro (WA Consulting)
Palestrante RJ: Gustavo Loureiro (Infnet)
15:30 Intervalo para visita aos estandes
16:00 Palestra: “Padrões W3C: torne seu site mais leve e mais acessível”
Palestrante SP: Vagner Diniz (W3C)
Palestrante RJ: Everaldo Bechara (iLearn)
17:00 Happy hour
18:00 Encerramento
Oficinas (vagas limitadas):
10:15 às 11:15h (palestra principal: Linguagens e certificações)
Ruby on Rails – SP Fábio Akita (Locaweb)
Ruby on Rails – RJ Sylvestre Mergulhão (Hostnet)
11:15 às 12:15 (palestra principal: CMS livres)
SEO – SP Fábio Ricotta (MestreSEO)
SEO – RJ Paulo Teixeira (Marketing de Busca)
14:30 às 15:30 (palestra principal: Google Analytics)
Interoperabilidade – SP Fábio Hara (Microsoft)
Interoperabilidade – RJ Gilson Banin (Microsoft)
16:00 às 17:00 (palestra principal: Padrões W3C)
Scrum – SP Guilherme Chapiewski (Globo.com)
Scrum – RJ Guilherme Chapiewski (Globo.com)

As oficinas são bem interessantes, me chamaram bastante atenção e o preço (de 42 a 72 reais) é bem inferior ao padrão de eventos no Brasil. Vale a pena ir.

Locais:

São Paulo
Data: 27 de novembro de 2008
Local: Amcham Brasil
Rua da Paz, 1.431 – Chácara Santo Antônio – São Paulo – SP
Telefone: (11) 5180-3728

Rio de Janeiro
Data: 29 de novembro de 2008
Local: Centro de Convenções SulAmérica
Av. Paulo de Frontin, 1 – Cidade Nova – RJ
Telefone: (21) 3293-6700

Inscrições: www.encontrodeti.com.br
Mais informações: (21) 2253.0596

bookmark bookmark bookmark bookmark bookmark bookmark bookmark