Workshop Produtividade Web 2.0 - Equipes de desenvolvimento de sites produtivas com ferramentas ágeis e padrões web Programadores desanimados? Desmotivados? Sem vontade de cantar uma bela canção?

Desafio dos 4KB




Momento Jabá: Quanta coisa você consegue fazer com apenas 4KB?

Crie uma página que faça algo impressionante com apenas 4KB de código. Pode usar HTML válido ou inválido, XML, Javascript, CSS e o que mais você quiser, desde que esteja tudo em uma única página. Nada de Flash, imagens externas, scripts externos ou Ajax. O resultado pode ser o que você quiser, desde que seja impressionante. Pode também funcionar apenas no Firefox, se você preferir. Afinal, você vai programar só por diversão.

Inclua a frase "Visie, ensinando os melhores", publique em algum lugar e envie o link para a gente. Vamos mostrar para o pessoal da Visie e ouvir o "Uau!" da galera. A página que conseguir o maior número de decibéis na reação dos espectadores, a mais impressionante, a mais surpreendente, vai ganhar um curso online de Javascript Crossbrowser da Visie, para você ou para doar para alguém.

Para que todos possamos ver os trabalhos, deixe um comentário aqui com o link para o seu. Você tem até sexta-feira, às 11h da manhã para enviar seus impressionantes 4KB de código. Vamos começar a avaliação na sexta-feira ao meio-dia, e a hora em que vai sair o resultado depende da quantidade de participantes.

Vamos mostrar para esse pessoal boboca por aí que programar[bb] é muito mais divertido que ficar escrevendo frasezinhas de efeito.

Divirtam-se!

Adicionar esta notícia no Linkk

34 comentários para “Desafio dos 4KB”

  1. Quer ganhar um curso da Visie de Microformats? » Revolução Etc - Web Standards em uma casca de noz! Says:

    […] Não vou aceitar palavras de baixo escalão (sim, isso é pre/pós-conceito lingüístico) e comentários que me parecerem indevidos serão excluídos. Você precisa apenas deixar um comentário aqui com a sua cantada, utilizar ume-mail válido pra eu poder entrar em contato com você, e esperar sair o resultado! Você pode ainda participar no Tableless e no FechaTag e ganhar os respectivos cursos deles! O concurso de melhor cantada microformats é valido até a próxima sexta-feira (dia 30/03/2007), às 12 horas! O vencedor será comunicado por e-mail e ganhará o curso de microformats para fazer quando quiser! Manda bala! […]

  2. Alexandre Says:

    Vale linguagens server-side? (PHP, Ruby, Python)

  3. Elcio Says:

    Alexandre, desde que o código que você enviar para o navegador tenha no máximo 4KB, pode usar o que quiser no server-side.

  4. silici0 Says:

    OQ mais te impressiona ? hehe

  5. Walter Cruz Says:

    2022 bytes de um código razoavelmente bonito, com uma funcionalidade razoavelmente inútil. Será que vale um "UAU?" Apenas HTML e Javascript.

    http://waltercruz.com/devel/javascript/desenho3

  6. Otávio Says:

    Vale svg?

  7. Igor Escobar Says:

    Legal a "Jogada" da visie.

  8. Elcio Says:

    silici0, pense em alguma coisa que ao olhar, as pessoas digam "Caramba, isso não pode ter sido feito com apenas 4KB!"

    Walter, é um bom começo. Lembre-se que o código não vai ganhar mais pontos por ser mais enxuto, apenas tem que ficar no limite dos 4KB. Ou seja, você ainda tem 2KB para tentar deixar isso ainda mais impressionante.

    Otávio, se estiver tudo num arquivo só, claro que vale. Vale canvas também.

    Igor, obrigado. Precisávamos divulgar os cursos, e dar alguns de presente. Pensamos em alguma forma de fazer isso e ao mesmo tempo nos divertir um pouco.

  9. Brunno dos Santos Says:

    Pô cara adorei os vagalumes! ^^

  10. Ederson Peka Says:

    4Kb é muito pra quem não tem tempo… :-/

    http://sitedepoesias.com.br/peka/visiejam.htm

  11. André Bertoletti Says:

    Nada muito bom, mas a minha participação é:

    http://paginas.terra.com.br/informatica/testefechatag

    =)

  12. Um nó sobre música, séries, cinema, usabilidade, design, gadgets e afins Says:

    […] Promoção de cursos da Visie Os sites Revolução.Etc, Tableless, e no blog do Elcio, estão fazendo 3 promoções diferentes para cursos da Visie. No Revolução, a promoção se resume a criar uma cantada relacionada com microformats ou semântica de HTML, onde a mais criativa, vai levar um curso de MicroFormats. No Tableless, você pode ganhar um curso online de Tableless se fizer o menor CSS para um layout de 3 coluna, seguindo um padrão estabelicido por eles. E no blog do Elcio, você precisa fazer algo impressionante em JavaScript com até 4Kb. Para mais informações sobre como as promoções funcionam, e para onde enviar, clique aqui para a promoção do Revolução, aqui para o do Tableless ou aqui para o do Elcio. […]

  13. Ronaldo Klais Says:

    Com certeza com 4k é possível fazer muita coisa, difícil é ter idéia doque fazer.
    Este foi feito meio as pressas, até sexta eu faço algo melhor.
    http://caettano.com/ronaldo/minhoca.html

    Pra quem quer ficar de boca aberta mesmo, dá uma olhadinha nesse site.
    http://www.256b.com/

  14. Rafael Baialuna Says:

    Esse do ederson matou a pau, muito loco!

  15. » - » Quer ganhar um curso de Tableless da Visie? Tableless.com.br - Web Standards com Farinha e Pimenta Says:

    […] Acho que um monte de gente não entendeu a regra da (antiga) promoção, por isso, inspirado pela promoção do Elcio (ele está dando um curso de Javascript Crossbrowser da Visie), vou mudar a regra: Para ganhar o curso online de Tableless da Visie, você precisará fazer um layout de 3 colunas. O ponto é: quem fizer o menor CSS ganha. Isso mesmo. Quem fizer o menor código CSS, ganha. […]

  16. André Bertoletti Says:

    Putz o meu foi meio fora da idéia da brincadeira haahahah, pensei que fosse pra fazer um layout ou algo parecido =(
    Muito legal a ideia do pessoal =D

  17. Mário Eduardo Says:

    Lá vai a minha contribuição…
    http://www.marioeduardo.com.br/visie/
    Boa sorte a todos :)

  18. Silici0 :: My LiFe :: » Promoção Visie Says:

    […] Para competir é simples no blog do FechaTag existe o Desafio dos 4k, escrever algum código com 4k que realmente seja impressionanente, esse é para aprender o JavaScript, no caso do Tableless, basta escrever um código de css com menor numero de linhas para um layout de 3 colunas no site da Tableless, e para concorrer ao curso de Microformats basta elaborar uma cantada que seja completamente com microformats, no blog Revolução etc. […]

  19. JulioGreff Says:

    Não que seja espetacular, mas já é um começo: http://vtuning.sprinterweb.net/visie.htm

    A gente pode enviar outro(s) pra "concorrer" também? Tava pensando em fazer um SVG também.

  20. Daniel Luz Says:

    http://fiat-lux.kit.net/visie.html
    Bom, aqui está minha participação. Tive algumas outras idéias na quinta, mas aí eu já não tinha mais tempo de tentar implementá-las, quanto mais em 4 KB :)

  21. Daniel Luz Says:

    Desculpe, esqueci de mencionar… só funciona no Firefox mesmo. Usei Canvas (que não é suportado pelo IE, e o Opera ainda parece ter um suporte bem deficiente) e JavaScript 1.7 (que só é suportado por browsers Gecko, até onde sei)

  22. Guilherme Medeiros Says:

    bom depois de ve tanta coisa boa, e ter percebido q nao posso participa pois usei imagens.. vo posta ate a parte que eu fiz.. so pra vocês verem mesmo ^^

    http://www.guilhermemedeiros.com.br/4k/

    ta ae… quem sabe na proxima eu participo bastante.. agora to sem tempo =D

    abração a todos!

  23. Daniel Luz Says:

    Guilherme, pelo que percebi, foram apenas duas imagens, ambas pequenas… você poderia colocá-las dentro da própria página usando o esquema data: com base64. No meu caso fiz isso para incorporar as letras do nome da Visie, pois o canvas não tem suporte a renderização de texto.

  24. Maurício Fedatto Says:

    Eu queria desenvolver uma chama que acompanhasse o cursor, mas ficou muito pesado (processamento mesmo) e acabei modificando em última hora pra fading ao invés de burning.

    http://urltea.com/2wb

  25. Michael Humberto Castillo Says:

    Demorei, mas ainda dá tempo… faltam 28 minutos….
    bem, como a maioria, também é um joguinho onde você tem que correr e pular os obstáculos. Pensei em algo voltado ao PAN 2007 :)
    Mas chega de papo e vamos ao que interessa: http://cico.org.br/4kb.html
    A frase está colocada (como pedido) no jogo, o jogo não tem fim, é um loop infinito, ou seja, não se ganha (não deu tempo de implementar nem pontuação), mas se perde…. o arquivo tem exatos 3.871 bytes ou seja 3,78 Kb e… tomara que eu ganhe, senão minha noiva vai me matar… :) (brincadeira)
    Ôpa, faltam apenas 25 minutos… melhor mandar logo

  26. Michael Humberto Castillo Says:

    ah… só funciona no firefox

  27. Web 2 Ponto 0 Says:

    Quanta coisa se faz com 4kb…

    Bom, fiz uns testes de animações com javascript, etc e tal… pra participa de um desafio do fechTag…
    Já sem tempo, meu amigo inside me avisou que no desafio não podia ter nenhum arquivo externo… (sim tava nas regras eu que me apres…

  28. fechaTag » Resultado do concurso dos 4KB - XML, XHTML, CSS, Tableless, Desenvolvimento Web, Python, Linux Says:

    […] Depois de muito confabular, chegamos a uma conclusão a respeito do Desafio dos 4KB. […]

  29. Javascript em 4KB « Bernardo Rufino Says:

    […] Javascript em 4KB Vendo o blog do Júlio, vi esse post, mas não dava mais tempo de preparar muita coisa, eram 13hrs, fiquei fazendo uma animação até as 17hrs e aqui estou para esta postagem rápida.O Elcio criou um desafio de quem consiguiria fazer o maior "Uau!" com somente javascript e com 4KB no máximo. O prazo do desafio acabou, mas vou postar o que fiz assim mesmo. Aqui minha animação, ficou meio tosco, mas tava sem idéia, ainda bem que só precisava rodar no FF, deu 4KB certinho. […]

  30. Alice Says:

    A noiva…Ele ganhou, escapou de morrer tadinho, fiquei a noite acordada por conta disso…Parabens para ele, ele merece!
    A propósito como saber detalhes da premiação?

  31. g-ga-ga... eu... ganhei?! « DGmike Says:

    […] g-ga-ga… eu… ganhei?! Foram essas minhas palavras ao receber a notícia de Elcio Ferreia (através de seu blog). O pessoal da visie inventou uma promoção em massa: O Henrique Pereira lançou um concurso de cantadas, o Diego Eis lançou um concurso meia-boca (que vergonha…) e o Elcio lançou um desafio. […]

  32. Júlio Greff » Arquivo » O que você faz em 4Kb? Says:

    […] Esse foi o desafio do Élcio, valendo um curos de JavaScript Cross-Browser da Visie. O objetivo é criar um código impressionante, e "quem conseguir o maior número de decibéis na reação dos es9is na reação dos espectadores, a mais impressionante, a mais surpreendente" levará o curso. Acha difícil? Dá uma olhada no que o pessoal fez, é de se surpreender mesmo. Eu fiz o meu, nada de muito espetacular, mas consegui fazer em MENOS de 4Kb, sem economizar (podia ter feito em pouco menos de 3Kb, eu acho, se o código fosse planejado melhor). Uns efeitos de fade e grow […]

  33. Blog News #002 » JulioGreff Says:

    […] Encerrou-se o Desafio dos 4Kb. O vencedor, que não fui eu, foi o Michael Humberto Castillo, com seu joguinho. Muito bom por sinal, criativo, e em 4Kb. Parabéns, Michael. […]

  34. chande Says:

    poxa! pensei que fosse pra fazer uma pagina! não joguinhos …pensei q fosse o layout (mais legal) com 4k…que pena que cheguei aqui tarde! tenho esse teste ai! ta com quase 5k mas se fosse pra eu entrar nessa competição eu teria diminuido pra 4k! não gostei do resultado! era pra ser uma pagina mesmo! não aplicações! mas como queriam algo impressionante né! hehehe ganha aplicação!claro!(desculpem!confundi mesmo)

Deixe um comentário