Desafio dos 4KB

By On · 36 Comments · In Geral

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!

Posts Relacionados

Tagged with: • • • • • • • •  
Share →

  • Pingback: Quer ganhar um curso da Visie de Microformats? ≈ Revolução Etc

  • Pingback: O que você faz em 4Kb? » Julio Greff

  • http://aprendendocss.cjb.net/2.html chande

    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)

  • Pingback: Blog News #002 » JulioGreff

  • Pingback: Júlio Greff » Arquivo » O que você faz em 4Kb?

  • Pingback: g-ga-ga... eu... ganhei?! « DGmike

  • Alice

    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?

  • Pingback: Javascript em 4KB « Bernardo Rufino

  • Pingback: fechaTag » Resultado do concurso dos 4KB - XML, XHTML, CSS, Tableless, Desenvolvimento Web, Python, Linux

  • Pingback: Web 2 Ponto 0

  • http://www.cico.org.br Michael Humberto Castillo

    ah… só funciona no firefox

  • http://www.cico.org.br Michael Humberto Castillo

    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

  • http://anaomanco.blogspot.com/ Maurício Fedatto

    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

  • Daniel Luz

    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.

  • http://www.guilhermemedeiros.com.br Guilherme Medeiros

    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!

  • Daniel Luz

    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)

  • Daniel Luz

    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 :)

  • http://www.juliogreff.blog.br JulioGreff

    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.

  • Pingback: Silici0 :: My LiFe :: » Promoção Visie

  • http://www.marioeduardo.com.br Mário Eduardo

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

  • André Bertoletti

    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

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

  • Rafael Baialuna

    Esse do ederson matou a pau, muito loco!

  • http://caettano.com/ Ronaldo Klais

    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/

  • Pingback: Um nó sobre música, séries, cinema, usabilidade, design, gadgets e afins

  • André Bertoletti

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

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

    =)

  • http://sitedepoesias.com.br/poetas/peka Ederson Peka

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

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

  • http://mozfirefox.blogspot.com Brunno dos Santos

    Pô cara adorei os vagalumes! ^^

  • http://elcio.com.br Elcio

    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.

  • Igor Escobar

    Legal a “Jogada” da visie.

  • Otávio

    Vale svg?

  • http://waltercruz.com Walter Cruz

    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

  • http://www.rafaelcunha.com silici0

    OQ mais te impressiona ? hehe

  • http://elcio.com.br Elcio

    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.

  • http://www.acordapraweb.com Alexandre

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

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