Do Photoshop ao CSS em 30 segundos
Postado por: Pedro Rogério emIsso mesmo que você está lendo, você desenha aquele layout maravilhoso no Photoshop, manda editar no Image Ready, faz os recortes e ainda leva um CSS prontinho de brinde, o código gerado não é dos melhores, mas achei a idéia interessante e estou compartilhando aqui com vocês. O site é o seguinte:
How to convert your photoshop document to a CSS in less than 30 seconds.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Hmm sei la, eu evito ao máximo ferramentas que geram código sem ter essa função como especialidade, sempre vem alguma sujeira.
Lembra do spacer.gif, também gerado pelo photoshop?
Acho também que o indivíduo aprende colocando a mão na massa, pegar código “pronto” faz com que na maioria das vezes a pessoa copie e cole sem parar para analisar o mesmo.
Felipe,
Eu também não gosto de usar ferramentas prontas, prefiro fazer tudo no braço, mas coloquei esse link que é bom para iniciantes que querem estar aprendendo alguma coisa.
Abraços!!!
Ah sim, pode facilitar para muitos, apesar de eu ser a favor de desde o começo tentar entender e fazer na mão.
Falows!
“(…)prefiro fazer tudo no braço(…)”; “(…)entender e fazer na mão.”, não seria: “fazer na unha”?
Sempre utilizei Fireworks para criar layouts, mais na hora de exportar para dreamweaver, ele nao manda CSS algum, então eu deixo para fazer o CSS no Bloco de Notas, bem limpinho.
Achei muito interessante pq sou iniciante e isso me ajudará muito.
Osny, o Fireworks CS3 exporta um CSS bem limpinho e de modo bem fácil. Já usei em uns 5 layouts e ficou muito bom. Claro que tem que editar depois “na unha” porque nem tudo vem do jeito que queremos, mas que vem certinho sem sujeiras, isso vem.
Abs.
Galera o que é sujeira, me explique afinal o que é esta sujeira deixa pelo fireworks e plo photoshop, quando queremos usar o html e css gerado por eles, os space.gif, isso tem como tirar, na hora de exportar, eu tbm prefiro fazer tudo ali na mão, ou na unha como dizem, mas quando comecei, tive muitas vezes de uzar o html css gerado tanto pelo fireworks quanto do photoshop, editei tirando o que eu nao precisa e pronto, penso que para quem esta começando é uma otima opção sim, mas lembrando tbm que a pessoa nao pode fik nisso a vida toda, tem de procurar aprender, ´so assim tera conhecimento do que realmente esta fazendo.