Brinque de CSS (sandbox)

Quando eu estava aprendendo CSS

  • Era um saco lembrar dos nomes das propriedades que eu podia alterar.
  • Era um saco lembrar das palavras-chave que eu podia usar para os valores das propriedades.
  • Era um saco ter que digitar, salvar o arquivo, ir ao navegador e recarregar a página somente para ver se 1.2em era melhor que 1.5em.
  • Era um saco não ter a menor idéia de quanto valia 1em.
  • Era um saco.

Hoje não é mais um saco porque eu uso o CSS Sandbox.

  • Era font-color, text-color ou só color?
  • Para fazer negrito era como mesmo? É weight ou weigth?
  • Itálico é font-style? Ué, mas tudo aqui não é estilo?
  • O position é melhor static, relative, absolute ou fixed? Que diferença faz?
  • E todos aqueles tipos de borda? Chato ficar editando para ver um por um…
  • A cor de fundo fica no padding e no margin? Ou só no padding?
  • Quais são mesmo os nomes de cores que posso usar? Que diabos é fuchsia?

Hoje não tenho mais dúvidas graças ao CSS Sandbox.

  • Serve de referência rápida (quickref) para CSS.
  • Serve de demonstração das propriedades do CSS.
  • Serve para ver a diferença de aparência entre vários navegadores.
  • Serve para testar idéias rapidamente, sem escrever nenhum código.
  • Serve de brinquedo, é divertido!

Toda hora uso esse CSS Sandbox.

  • É simples, não há botões nem configuração.
  • É rápido, muda “ao vivo” na hora do clique.
  • É prático, o programa está todo em uma única página HTML.
  • É compatível, funciona no Safari, Firefox, Opera e IE 6.
  • É inofensivo, basta clicar sem medo.
  • É legal, vicia.

É massa esse CSS Sandbox.

CSS Sandbox
Brinque agora mesmo!

Curiosidade: Já tenho esse programa pronto há mais de um ano. Só faltava a “polida final” para lançar. O tempo foi passando e ele acabou perdendo muitas posições na fila de prioridades. Finalmente ele conseguiu chamar minha atenção novamente. Bem, antes tarde do que nunca :)

Fazia tempo que não aparecia uma nerdice por aqui… Sentiu falta? E se eu te disser que já tenho prontas as versões novas das Funções ZZ e do MoneyLog? Só estão esperando uma oportunidade para furar a fila de textos do blog.

Atualização em 18-Out-2007: Caramba, mas esse Google é rápido mesmo. Em menos de 24 horas do lançamento o programinha já é o primeiro resultado na busca por CSS Sandbox. Hoje mesmo já recebi e-mails de gringos que encontraram o brinquedo. Massa!

Atualização em 08-Nov-2007: Atendendo aos clamores populares, a Sandbox agora tem um botão maneiro lá no cantinho da janela chamado <CODE> que ao passar o mouse em cima mostra o código CSS prontinho para você copiar e colar no seu site. Agradeçam ao Marlon Carvalho que foi quem me enviou o código!

— EOF —

Gostou desse texto? Aqui tem mais.