A seguir, duas historinhas recentes que mostram um pouco da minha rotina de trabalho. Minha “metodologia” é meio caótica e sem planejamento, com direito a mudança de rumo no meio da tarefa. Mas no final dá certo. E o mais importante: é divertido :)
Da fadiga ao Python
- (Fadiga) Essa aconteceu na semana passada. Eu estava no computador e tinha acabado de terminar uma tarefa qualquer, que consumiu algumas horas de meu tempo, fatigando meus pobres neurônios. Pude aproveitar então aquele momento mágico, onde o universo pára por uns 10 segundos e numa respirada profunda consigo relaxar com a satisfação de ter mais um trabalho concluído.
↓
- (Caderninho) Como de costume, peguei o meu caderninho de anotações (ou seria obrigações?) e risquei com vontade o famigerado item. Essa é a melhor parte de qualquer trabalho:
riscar o item da lista. Foi-se. Acabou. Tchau. Próximo! E já começa tudo novamente, sem pausa, pois a lista é enorme e todo dia ganha vários itens novos. Com a cabeça cansada, queria fazer algo leve dessa vez, algo que não exigisse muita concentração. Algum trabalho de criação e não manutenção. Vasculhando as folhas do caderninho, encontrei um item ainda não rabiscado, que tantas vezes eu já tinha lido e ignorado por haver coisas mais importantes na fila: “aurelio.net novo”.
↓
- (Site novo) Há tempos eu queria mudar o formato do site, tirar a barrona verdona, deixar o menu mais evidente, colocar breadcrumb e usar mais figurinhas. É isso, vou fazer. Foram horas de mastur^W, digo, experimentações com CSS e txt2tags até chegar em um formato que me agradou. Gosto muito dessa parte da criação, nunca tenho na cabeça o formato final, ele “vai aparecendo” conforme vou mudando as coisas e vendo como fica. Tentativa e erro, como na programação.
↓
- (SMS Mog) Fui dormir satisfeito e no dia seguinte mandei um SMS para a Mog, dizendo que tinha mudado o site de verde para cinza. Ela ficou feliz com a notícia, mas retrucou zoando que eu estava muito “dezáiner” com esse lance de cinza. Essa simples frase me fez pensar. Realmente eu sempre acabo caindo no cinza. Coisa de quem não tem talento com cores, fazer o quê…
↓
- (Site novo kiwi) Ela nem imaginava, mas sua frase tinha feito uma revolução no meu dia. Mudei tudo de novo. Do gélido tons-de-cinza, o site voltou a ser verdinho, porém não tão carregado quanto o anterior. O menu pulou da esquerda para a direita, os títulos ficaram em grande evidência e o tema ganhou um nome: kiwi.
↓
- (Mágicas com txt2tags) Definido o formato novo, comecei a migrar as páginas para ele. Uso o txt2tags em todo o site, então não precisei editar nenhum conteúdo. Porém os filtros (%!preproc e %!postproc) e includes (%!include e %!includeconf) precisaram ser revistos, pois é ali que a mágica acontece. A transformação do H3 do cabeçalho (%%infile(%d)) em breadcrumb com links foi especialmente prazerosa de fazer. Também fiz um database.t2t com macros para os dados (nome, URL, ícone) dos programas, livros e artigos importantes do site, padronizando as coisas.
↓
- (UTF-8) Já que estava fazendo uma reforma geral, também decidi converter tudo para UTF-8. É o tipo da coisa que você evita ao máximo fazer, mas um dia tem que ser. O bom e velho ISO-8859-1 já tinha agüentado quase uma década no site, foi uma aposentadoria merecida.
↓
- (HTMLDOC) Tudo ia bem na conversão, iconv comendo solto, até chegar na versão online no Guia Expressões Regulares. Os fontes estão no formato do txt2tags, que os converte para HTML. Depois uso o HTMLDOC para dividir o HTMLão monstro em várias páginas separadas, facilitando a leitura online. Mas havia um pequeno detalhe: o HTMLDOC não gosta de UTF-8. Ele bagunçou todos os acentos, tornando o guia uma sopa de símbolos indigestos.
↓
- (Programa Python) Pesquisei no Google para descobrir que não havia o que ser feito, ele não tinha suporte a UTF-8 e pronto. Eu podia voltar atrás e deixar o guia como ISO-8859-1 mesmo, como ele sempre foi desde 2001, afinal, quem se importa? Infelizmente, eu me importo. Nerd é uma m*rda. Não sei se foi por desafio, perfeccionismo ou teimosia, mas parei todo o trabalho no site para ir resolver esse problema. Três horas depois, estava pronto o fix-htmldoc-utf8.py, que é um “arrumador” de acentos bagunçados pelo HTMLDOC. Se você passa pelo mesmo problema, aproveite, é de graça ;)
———————— ♥ ————————
Do livro mais vendido ao FeedBurner
- (Mais vendido) Essa segunda-feira parecia que iria ser tranqüila, com muita chuva e frio lá fora. Como era início de mês, fui conferir a lista dos Mais Vendidos das livrarias, pois vai que de repente o filhote tinha conseguido alguma medalhinha? Euforia é uma boa palavra para descrever o que senti. Olha só: o livro foi o mais vendido da editora Novatec, o mais vendido no FISL e o segundo mais vendido da livraria Tempo Real! O piazinho uma única vez conseguiu ser terceiro na Novatec, mas o primeiro lugar era algo que me parecia inatingível. Para fechar com chave de ouro a manhã de surpresas, meu amigo Cesar Brod publicou um texto sobre mim em sua coluna no portal Dicas-L. Além do livro, ele ainda falou de Matinhos e da Mog. Diz se não é para explodir de tanta felicidade? :)
↓
- (Blog do livro) Com tantas novidades para contar, na hora comecei a fazer um texto novo aqui para o blog. Mas pensei melhor e achei chato falar de novo sobre o livro, isso está ficando repetitivo repetitivo. Afinal, este é o blog do Aurélio e não o blog do livro do Aurélio. É isso! O livro precisava de um blog. Putz, mas já estou tão sobrecarregado de coisas para cuidar, não tem como abraçar mais um blog (e seus comentários, e spam, e configuração, e estatísticas, e…). Precisava de algo rápido que fosse somente: escrever a notícia, colocar no ar e esquecer.
↓
- (Feed RSS) Na verdade eu não precisava de um blog, precisava somente publicar as notícias no site do livro e ter um feed RSS delas para quem quiser assinar. Parece simples, não? Criei um arquivo noticias.t2t e coloquei as notícias ali. Com um %!include no index.t2t as notícias ficaram integradas ao site, aparecendo na página principal. Tá, isso foi fácil. Mas e o feed? Como converter minhas notícias do HTML para o RSS? Eu poderia fazer um Sed macho que… Espera! O próprio txt2tags pode fazer isso!
↓
- (txt2tags -t rss) Parece óbvio agora, mas demorou para cair minha ficha. A proposta do txt2tags é “UM arquivo fonte, VÁRIOS destinos”. Eu já tinha o arquivo fonte noticias.t2t, então só precisava que o txt2tags o convertesse para um formato novo: RSS. Janela nova no TextMate e lá vamos nós de novo, brincar de programador. Levou uma hora e meia para adaptar o txt2tags para gerar um arquivo RSS versão 2.0. Foi uma edição porca e descuidada, para resolver logo meu problema. No futuro talvez esse código seja melhorado e entre na versão oficial do programa. Mas sabe como é, o caderninho já está bem lotado…
↓
- (Site com várias páginas) Tudo bem, as notícias estavam no site e eu tinha um feed RSS tosco (porém funcional) delas. Mas como eram várias, o site ficou muito poluído. Era preciso ter uma página somente com as notícias, separado da página inicial. Até então todo o site do livro era concentrado em uma única página, facilitando minha vida. No fundo eu sabia que isso não duraria muito, mas foi o triunfo da esperança sobre a experiência. Não teve jeito, tive que quebrar o site em várias páginas. E com isso fazer um menu de navegação, cabeçalho e rodapé padrão, criar DIVs, entupir o CSS, blábláblá…
↓
- (FeedBurner) Depois dessa festa de RSS, txt2tags e CSS, coloquei o site no ar e relaxei. Mais um trabalho terminado. Opa, quase esqueci, deixa eu adicionar o feed do livro aqui na minha lista do Safari. Beleza, tudo certo. Bem, já que estou aqui, deixa eu adicionar no Google Reader também, que todo mundo usa, só para garantir que está tudo bem com meu RSS feito em casa. Ó-ou. O barulhinho do ICQ tocou internamente em minha cabeça. O Google não curtiu meu RSS. Pesquisando sobre o assunto, a solução mais indicada era usar o tal FeedBurner para “arrumar” meu feed para um formato que a maioria dos leitores entende. Usei, resolveu meu problema e recomendo.
Enfim, agora posso relaxar…
1, 2, 3, 4, 5.
Ok, próximo item?
;)
Pingback: Garota Nota 10 « Blog do Aurélio (verde)
Pingback: 10anos: Sed | AURELIO.NET
Acho que vou inaugurar! :)
Ouço muito design e designer ligado a visual.
Gosto disso quando é relacionado a conteúdo.
Por enquanto é só isso, para ser the first. :)
Opa,
Gostei do site novo! Simples e direito. Só uma coisinha, os anúncios do Google estão muito . . . grandes. Acho que anda chamando mais atenção em alguns lugares do que o título da página . . . =)
Comprei teu livro lá no FISL também, aqui a fotinha que tiramos contigo:
http://picasaweb.google.com/kessiapinheiro/Fisl/photo#5191849728760224802
Infelizmente, anteontem deu uma chuva aqui em Salvador que fez o sistema de escoamento do meu condomínio entupir e levar a chuva pra dentro de casa. Resultado: minha mochila do notebook (sem notebook) encharcou toda! O que tinha dentro? Teu livro e meu mouse ótico. . . =~ Agora é tentar secar e ficar com as páginas enrugadas. . . =(
Oi Kessia,
Os anúncios ainda estou experimentando posições e tamanhos, tem que deixar pelo menos uma semana para poder avaliar bem os resultados. Então eles ainda vão mudar. Valeu pelo retorno.
Ah, e o site tem as áreas nerds (topo verde), áreas pop (tira cinza no topo) e áreas exóticas (tipo Miguxeitor), cada uma com anúncios diferentes. Intensifiquei os anúncios nas áreas nerds de propósito, para comprovar que “nerds não clicam em anúncios” :)
Valeu pela foto, gostei! E que triste saber sobre o livro molhado, essa é a primeira baixa que tenho conhecimento, snif. Mas espero que a conchinha se recupere depois de um bom banho de sol em Salvador! :)
“Do gélido tons-de-cinza, o site voltou a ser verdinho…” Verdinho? Para mim é azulzinho…
Eu gostei do visual, me transmite tranquilidade, assim como vc.
Beijosss
Cadê Mog?
Azul? Ah, tudo bem. Se passa tranqüilidade pode ser até laranja anos 80!
A Mog está trancafiada no quarto o dia todo fazendo monografia. Felizmente, isso só acontece uma vez na vida :)
O layout do site ficou muito bom, simples, como todo site deveria ser :). Os botões encima ficaram ótimos.
Mas… perae… TextMate??? E o VIM? Cadê? Abandonou?
Vim? Ah, pois é…
Estou devendo um texto sobre isso no blog.
Digamos que meu uso dele passou de 100% para 2% de todas as atividades digitatórias.
Culpa do TextMate, que é bom pra baralho!
:)
Tou pensando em comprar o Textmate. Eae, vai rolar um artigo sobre?
A escolha do editor é muito pessoal, só experimentando mesmo pra saber. Aproveita o período de trial, que você pode usar o TextMate por 30 dias sem pagar nada.
Aurélio, a opinião de um designer (eu) sobre seu site é que não importa a cor, ele deve ser fácil de navegar e mostrar o que o usuário quer ver, e nisso você acertou.
Sugestões do lado de cá:
*Se eu desisto de navegar pelo sub-menu, ele deveria sumir, ele atualmente fica na tela depois de aberto e impede a navegação no menu principal;
*O site é muito recheado de conteúdo, a busca deveria ficar em evidência pra dar uma mão ao user;
Parabéns pelo sucesso. Desejo tudo de bom.
Abraço.
Henrique, muito obrigado pelas dicas!
A próxima vez que o foco voltar para o site eu dou um jeito nisso.
Quanto ao submenu, basta clicar no mesmo lugar que o fez aparecer (a palavra do menu) que ele desaparace.
Valeu!
Caçamba Aurélio, sem querer ser puxa-saco mas você me inspira em várias coisas. Sério mesmo, tenho 19 anos e estou trabalhando muito para tentar melhorar as coisas que eu faço. E por incrível que pareça, meus trabalhos são muito parecidos com os seus.
Mas enfim.
“Ó-ou. O barulhinho do ICQ tocou internamente em minha cabeça.” huahauhauahuahuah passei mal de rir aqui. Pior que as vezes acontece comigo hauhauhauahau
PS:Vim é bom, mas TaxtMate é fera demais.
PS2: Aurélio, tem como você me passar seu .vimrc? Obrigado ;D http://felipetonello.com/blog/2008/04/08/perdi-meu-vimrc-nao-acredito/
Abraços cara…
Oi Felipe!
Meu vimrc tá lá no site, em
http://aurelio.net/doc/dotfiles/
Abraço
Voltei hoje para ver o lance novo, o WIKI do aurélio.
Não tinha entendido bem na ocasião do meu primeiro comentário, mas havia notado que o Verde já tinha pelo menos um css para a novidade.
Hoje, lendo o parágrafo com mais calma vi que aquilo não era uma transferência de trabalho para os visitantes, mas sim uma fruta.
Sou ótimo em leitura dinâmica! :)
Escolherei então o tema character set para sugar o kiwi. :)
Estou protelando minha mudança para UTF-8, pois ainda não senti a necessidade, mas já percebi o problema que é a ausência de um terminal perfeitamente preparado.
O teclado é um espetáculo à parte com o número de bytes variável desse set.
Sei que a área é para comentários, mas…,
quando tiver um tempinho, dê um feedback, se estiver a fim.
.
Se você fizer no terminal do seu Mac:
x=” \xe2\x99\xa5 \xe2\x86\x93\n”
printf “$x”
printf “$x” >/tmp/test.htm
1. Os símbolos que você vê em seu terminal são os mesmos que vê na página test.htm usando seu browser e eles aparecem neste seu post?
2. O programa de terminal do Mac tem algum nome especial?
3. O Mac pode oferecer terminal sem interface gráfica?
4. Se sim, os símbolos aparecem da mesma forma nele também?
5. Finalmente, você pensa em publicar um dia arquivos de configuração de sua máquina?
Com “numerinho” fica mais fácil responder. :)
Desculpe a atitude de aproveitador, mas não consegui deixar passar.
.
Mog não deixe o aurélio trabalhar demais. Quem faz o que gosta costuma exagerar nas doses, precisa ser frequentemente supervisionado. ;)
O html sumiu.
O … >/tmp/test.htm apenas especifica utf-8
Tentando com gt e lt:
printf “<html><meta http-equiv=\”Content-Type\” \
content=\”text/html; charset=UTF-8\”>$x” >/tmp/test.htm
Se não der certo…
Bah, você é mestre nisso!
Any,
1) Sim, aparece o coração e a setinha em ambos.
2) Terminal.app ;)
3) Sim, mas é raríssimo alguém usar assim.
4) Ah, daí não sei. Preguiça de pesquisar como fazer e rebootar, muita coisa aberta.
5) Tem alguns arquivos de configuração no http://aurelio.net/doc/dotfiles/, mas de resto, aqui no Mac não mexi nada, é tudo padrão UTF-8 já. Just works ;)
Poxa! Realmente uma coisa puxa a outra. Se não souber se organizar vai atropelando uma pra fazer a outra… O site ficou massa!
“Relaxe, leia sem pressa e deixe seu comentário”. É exatamente isto que estou fazendo… Parabéns pelo blog, gostei mesmo e já assinei o RSS.
Hahaha! minha opinião? Não importa a beleza do site, mas o prazer que ele proporciona. Site feio manda a gente embora, mas de bonitinho pra cima vale tudo!!
Ah, passei em Matinhos city esse final de semana, lembrei de vc e queria te dizer: tomara que vc more no segundo andar ou mais que o mar tá querendo novamente o que é dele! :)
abração meu famoso miguxo!