---
title: CSS1K
authors: Diego Eis
type: post
date: 2012-01-20
excerpt: Implementando designs com apenas 1k de CSS. Você encara?
url: /css1k/
tweetbackscheck:
  - 1356393906
shorturls:
  - 'a:3:{s:9:"permalink";s:30:"https://tableless.com.br/css1k/";s:7:"tinyurl";s:26:"https://tinyurl.com/82dsrjj";s:4:"isgd";s:19:"https://is.gd/YdKtUk";}'
twittercomments:
  - 'a:19:{i:160390043423342592;s:7:"retweet";i:161259005258366977;s:7:"retweet";i:160796736988782592;s:7:"retweet";i:160420396515078144;s:7:"retweet";i:160417877642584064;s:7:"retweet";i:160414586158321664;s:7:"retweet";i:160394948653490176;s:7:"retweet";i:160390998197932032;s:7:"retweet";i:160390068719190016;s:7:"retweet";i:160389884551512064;s:7:"retweet";i:160375955263721472;s:7:"retweet";i:160342431815057408;s:7:"retweet";i:160339535102881792;s:7:"retweet";i:160332100447379456;s:7:"retweet";i:160329002278592513;s:7:"retweet";i:160327345960517632;s:7:"retweet";i:160316820627275777;s:7:"retweet";i:160315993476964352;s:7:"retweet";i:160315876233576448;s:7:"retweet";}'
tweetcount:
  - 131
dsq_thread_id: 546408495
categories:
  - Notícias
tags:
  - 2012
  - Browsers
  - cotidiano
  - CSS3
  - desenvolvimento web

---
Você deve conhecer o [CSS Zen Garden][1]. O CSS Zen Garden foi criado pelo [Dave Shea][2], foi um dos sites responsáveis por convencer toda a galera desenvolvedora orgulhosa e desconfiada mostrando que era possível produzir e implementar websites flexívels, diferentes, não quadrados nem com cara de blog &#8211; como falavam &#8211; utilizando CSS puro. Tendo este pensamento em mente, [Jacob Rask][3] decidiu fazer o [CSS1K][4]: um desafio para você que acha que consegue implementar um design utilizando apenas 1K de CSS.

O que você tem que fazer é simples:
  
&#8211; Você só pode enviar CSS.
  
&#8211; O seu código CSS deve ter 1K (1024 bytes), minificado.
  
&#8211; Não precisa utilizar prefixos de browsers, eles colocarão lá para você, logo, você pode usar as coisas bacanas de CSS que só funcionam em browsers (não o IE).
  
&#8211; O Design não precisa ficar igualzinho em todos os browsers, mas gracefull degradation é uma boa pedida.
  
&#8211; Seu código é submetido sob a licensa [MIT][5].

Eles [dão o código HTML][6] que você não pode modificar em hipótese alguma, se não acaba a graça da brincadeira.

E aí, consegue?

 [1]: https://www.csszengarden.com/
 [2]: https://mezzoblue.com/
 [3]: https://twitter.com/jacobrask
 [4]: https://css1k.com/
 [5]: https://www.opensource.org/licenses/mit-license.php
 [6]: https://github.com/jacobrask/CSS1K/