Tableless - Desenvolvimento inteligente com Padrões Web

23/03/2011
Geral

Meu ambiente de trabalho em 7 itens

Quais as 7 ferramentas não posso deixar de ter no meu ambiente de trabalho?

Por


O Elcio me convidou para participar da correntinha. Eu sou contra esse tipo de coisa, mas dessa vez vi que seria interessante compartilhar com vocês o que não pode faltar no meu ambiente de trabalho. Lá vão as principais, eu acho. ;-)

Coda e Textmate

Eu não consigo usar apenas um deles. O Coda tem um find/replace sensacional que me permite procurar pela pasta do projeto inteira ou pelo diretório atual. Infelizmente ele não tem uma série de outras facilidades que o Textmate tem, como macros e snippets. Na verdade o Coda tem sim suporte a isso, mas as features do Textmate são bem melhores. Em compensação o Textmate não tem um find/replace tão útil quanto o Coda e também não mantém a árvore de diretórios ao lado do editor, a não ser que você crie um projeto, o que é um pouco chato…

Os dois precisam se atualizar. O HTML5 está aí, juntamente com o CSS3 e o JQuery, mas eles continuam tendo só o doctype do HTML4.01 e XHTML 1.0. O Textmate tem alguns bundles que atualizam o código para entender essas novas tags.

GIT

Na Visie usamos o GIT como o controle de versão padrão. No começo eu era meio avesso a qualquer controle de versão. Não queria ter que ficar escrevendo a cada tarefa concluída o que exatamente eu fiz e como resolvi. É muito chato. Mas depois que eu me entreguei a essa “burocracia” já fui salvo diversas vezes. Não recomendo nenhum sistema de interface gráfica para utilizar o GIT, tem alguns muito bons, mas prefiro ainda fazer tudo via terminal.

Redmine

Todo gerente precisa de um ambiente onde ele possa contabilizar o processo de produção do seu projeto. Hoje, eu posso dizer que eu não sou nada sem o meu Redmine. Ele me avisa por email se alguém modificou o status do ticket, avisa o desenvolvedor que foi criado um ticket para ele, me avisa se alguém do projeto criou um novo ticket, me dá o relatório detalhado de horas de todo o projeto e uma das features mais importantes: integra com GIT e SVN… Coisa linda de Deus.

Illustrator

Nem preciso dizer muito. Uso o Illustrator para fazer quase tudo gráfico, desde layot até rascunhos de wireframes, embora o Axure seja mais adequado. Mas o Illustrator me traz uma flexibilidade como nenhum outro programa gráfico.

Migre.me ou Google Shortener

Qualquer um dos dois é uma boa pedida. A maioria dos links que posto no twitter do Tableless eu é feito com o Migre.me ou Google Shortener. Ambos trazem informações bem diferentes: o Google Shortener me passa o relatório de browsers, clicks, sistemas operacionais e etc… O Migre.me me mostra a quantidade de retweets, quem retweetou minha mensagem, quantidade de clicks e ainda me dá badges quando ultrapasso uma determinada meta. ;-)
Os dois são indispensáveis para quem quer resultado rápido e usa o Twitter para conversar com a comunidade.

OS X

Eu não consigo mais desenvolver em ambiente diferente. Tem que ser MacOS (o que me leva ao próximo tópico). Com um macbook pro padrão de 13” consigo abrir 3 máquinas virtuais, Photoshop, Illustrator, dois editores e 3 browsers… com uma máquina Windows eu nem podia sonhar com algo parecido. Só se comprasse uma máquina parruda demais.

Os atalhos de mouse e teclado me acostumaram mal. Um exemplo clássico são os malditos Hot Corners. Não vivo sem! Sem contar os Spaces, gerenciamento de memória, interface mais organizada, programas de terceiros bem feitos e que realmente funcionam.

Parallels

Com o Mac consigo cobrir as minhas necessidades de Firefox, Chrome e Safari. O problema é que o IE ainda existe, por isso uso o Parallels com 3 máquinas virtuais distintas: WinXP com IE6, WinXP com IE7 e Win Vista com IE8. Já sei que vou ter que instalar outra máquina virtual para o IE9, mas essa é outra história. ;-)

Vou convidar o @davitferreira, @thaipoplade, @talitapagani, o Pedro Rogério e o Henrique Pereira.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://yuri.gs Yuri Goytacaz

    Talita, muito boa a iniciativa. Parabéns!
    Sobre o TextMate, não acho justo dizer que o bixinho não tem um Find and Replace as alturas do do Coda. O do TM tem suporte a RegEx, só isso já me ganha. Eu usava o Coda até conhecer o TM, gostava muito dele, mas, a leveza do TM e os bundles fazem qualquer um se derreter por ele. haha (=

    Abrá!

  • http://yuri.gs Yuri Goytacaz

    errata: s/talita/diego.

    pus Talita pois acessei o link pelo retweet que ela deu, não prestei atenção que tinha sido o Diego o autor do post. haha. sorry, Diego.

  • Marcus Ortense

    Belo post . .
    Estava conversando justamente sobre isso na faculdade esses dias . . .
    A unica questão ai é q eu adoro desenvolver no linux, PS e ellustrator fazem falta mas da pra se virar com wine e coisas do genero . . .

    Comparando com sua lista de softwares, respectivamente:

    Aptana -> com suporte a HTML5, CSS3, JQuery . . .
    SVN -> Integrado ao Aptana, nao tenho necessidade de outro controlador.
    OTRS -> para controlar chamados, processos, ticket, etc.
    PS/Illustrator -> rodando em maquina virtual/wine ou coisa do tipo.
    Google Shortener -> Este eu acho uma %#&@ ferramenta.
    Ubuntu -> SO linux perfeito e amigavel.
    Virtual box -> para as maquinas virtuais.

    De qqr forma, gosto é gosto ^^
    Parabens
    []‘s

  • http://www.nerdhead.com.br/ Rafael Cirolini

    Opa Diego,

    O ultimo CODA ja tem algum suporte a html5 sim. Estou usando ele… =D

    []‘s

  • http://www.screencaster.com.br Guilherme Rambo

    O meu ambiente é bem parecido, só não uso o Coda, sempre trabalho muito com o terminal aberto e usando o git, acho fácil digitar “mate .” na pasta do projeto e já começar a trabalhar no textmate com a janelinha de projeto ao lado. Outra coisa vital pra mim são shellscripts, desde que aprendi a criá-los sempre que preciso fazer alguma tarefa repetitiva eu tento resolver com um shellscript :)

  • Luis

    Textmate também não mantém a árvore de diretórios ao lado do editor, só se você criar um projeto, o que é um pouco incomodo.

    Uma dica.

    através do terminal e ao chegares a pasta do projecto ( user/site/html , por exemplo) fazes ‘mate .’ ele cria um ‘projecto’ com todos os files, pastas no lado esquerdo (igual à criação de projeto)

    ex
    ‘users-MacBook:wordpress user$ mate .’

    abraços

  • http://willianfernandes.com.br Willian Fernandes

    Diego,
    o TextMate também possui a opção de Find/Replace do diretório do projeto (Cmd+Shift+F)… #fikdik
    E já existem bundles para o TextMate com suporte ao HTML5… Da uma olhada aqui: https://github.com/willian/textmate-bundles

    abraço,

  • http://benetti.blog.br Riccardo Benetti

    Adoraria usar mac, mas não consigo hardware como o que tenho aqui com windows e mais barato que o mac, fora isso infelizmente sou dependente do windows (para jogos, principalmente).

    Mas uso Notepad ++, Photoshop para layouts, git (na Visie), Google Shortner é único pra mim, Google Apps e por fim utilizo muito o VMWare Workstation 7 para minhas VMs como Win XP Sp2 para IE6 e IE7, Ubuntu 10 e futuramente MacOs X.

  • Bruno

    TextMate tem um bundle (não oficial em algum lugar do github) que adiciona funcionalidades html5, o textmate é matador para mim por causa dos atalhos para dar wrap em listas e ou parágrafos, sem dizer o sparkup!

  • Djalma

    Fica a dica para você, comprando o peepcode você tem a busca em todas as pastas e todos os arquivos de uma forma inteligente. Outro lance é que o shift command f tb busca em todas as pastas no textmate

  • Ricardo (jricardoprog)

    Daew,
    eu utilizo o Coda para dar manutencao e Netbeans para desenvolver projetos fica muito mais rapido de programar, refatorar, identar o codigo,… para testar agora nos IE’s uso somente o IE9(antes usava o IE8), para testar nas vercoes anteriores basta apertar F12 e mudar o Mode Browser para ver como fica no IE7,8 e 9, sendo dai nao necessario criar varias maquinas virtuais, ha… uso OSX e Paralels claro.

  • http://www.igorikeda.com Igor Ikeda

    Parece brincadeira, mas ontem mesmo pensei em mandar essa sugestão de post.
    Era usuário fiel do Dremweaver mais por já ser utilizado nos lugares que trabalhei. Em casa tinha o costume de utilizar o Aptana e recentemente encontrei o CODA. Estou migrando agora para o CODA e achando fantástico é natural ter algumas dificuldades e diminuir o ritmo de trabalho pois já estava acostumado o Dreamweaver.

    Fica a sugestão também para olharem o APTANA.

    Abs

  • Pingback: Blog do Mah Ortense » Blog Archive » Ambiente de trabalho opensouce . . . sera possivel ? - O blog de um desenvolvedor web =]

  • http://www.gdesignweb.com.br Luis Gustavo

    Cara cada vez mais sou seu fã, acho que nós web designers inicantes precisamos muito mais de entender como deve ser o ambiente de trabalho de um profissional do que as técnicas usadas para se construir um site. è muito legal está por dentro desses assuntos, ambiente, mercado, ted~encias, estudo e etc.

    Muito sucesso ai Diegão!

  • http://monex.to/wiki/Louis_Carabini Carabini

    Esse trabalho normalmente e ingrato porque voce demora horas investigando o seu codigo para encontrar o erro e geralmente esse erro e solucionado com uma linha de codigo. Para voce descobrir qual e essa linha voce precisa de ferramentas que te ajudem a decifrar todo o problema.

  • acustodioo

    Aqui eu uso Arch Linux, pra testar nos IEs eu uso um versão “mini” do seven com o IE Tester (http://www.my-debugbar.com/wiki/IETester/HomePage) rodando no Virtual Box, até hoje não tive problemas com incompatibilidade com os originais. :)

  • kelvym

    Cara, pq vc não usa o IETester?

  • http://twitter.com/diegoeis/ Diego Eis

    Porque o IETester é bugado!

  • Andre

    IE9 tem uma área de desenvolvimento que permite escolher o modo de renderização do Browser para IE7, 8 e modo quirks :)

  • Evandro Kumasaka

    Olá Diego, a algum tempo atrás li um post seu sobre ambiente de trabalho e você mencionava, uma ferramenta para ajudar a organizar as atividades/tempo como uma agenda, você ainda usa? pode passar novamente?

    []
    Evandro