Minhas Ferramentas para Desenvolvimento e Design Web com GNU / Linux

Depois de terminar o artigo onde falei sobre como adicione um shortcode ao nosso tema de WordPress, Ocorreu-me compartilhar com vocês quais são as ferramentas que utilizo para web design e desenvolvimento em GNU / Linux (e agora no Windows 8, mas isso é outra história).

Sem querer entrar muito nas vantagens / desvantagens de cada um deles, posso dizer que os utilizo há mais de 5 anos e até agora não precisei usar aplicativos proprietários homólogos.

Ferramenta de Web Design

Embora existam várias ferramentas para Design Gráfico en GNU / Linux (e repito no Windows), sempre uso 2 especificamente: GIMP e Inkscape.

Com Inkscape Eu faço tudo que tem a ver com layout e criação de gráficos 2D para os sites. Além disso, quase toda a aparência de como ficará o site (o Mockup) eu faço com essa ferramenta.

Inkscape no Windows

Inkscape no Windows

Com GIMP o que faço é trabalhar com fundos, editar as imagens que vou usar e mudar o formato se necessário.

GIMP no Windows

GIMP no Windows

Antes que alguns usuários pulem no meu pescoço, coloco Screenshots dos aplicativos no Windows, porque é o que estou usando agora para males maiores. Sinto muito

Ferramentas de desenvolvimento web

Eu não sou o tipo de usar IDEs de desenvolvimento, Prefiro editores de texto porque, para o que faço, tenho muitos deles. Se você me perguntar eu recomendaria Anchova, mas atualmente me sinto muito confortável com Suportes.

Colchetes_Função

Suportes no Windows

Eu prefiro o último por vários motivos, inclusive porque é especificamente voltado para HTML5, CSS3 y JS, de modo que o preenchimento automático contém as tags HTML muito atualizadas e suas propriedades.

Também pode usar Texto sublimeNa verdade, sempre o tenho instalado, pois possui algumas opções que facilitam muito o meu trabalho, como Pesquisar e Substituir em todos os arquivos do projeto.

Em resumo

A melhor coisa sobre todas as ferramentas que mencionei acima é que elas são multiplataforma e Código aberto. Hoje em dia fui forçado a usar Windows e não parei de trabalhar por causa disso.

O que mais me emociona neste mundo é que não é preciso estudar para terminar, apenas para ter boas ideias e excelentes recursos à mão. Atualmente podemos aprender muito sobre Desenvolvimento e Design Web na Internet.

Recentemente descobri dicas muito boas no Blog do MisterMonkey uma agência onde trabalha um amigo, que oferece serviços de desenvolvimento e web design em granada, mas existem muitos outros sites com material interessante em toda a web.

Que outras ferramentas não mencionei e recomendo? Para gráficos Krita, e dar uma cotovelada Geany, KATE y VIM. Alguma recomendação para mim?


36 comentários, deixe o seu

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   HacKanGenericName dito

    Che, eu pergunto: para PHP5.5 + HTLM5 + CSS3, o que você recomenda? Atualmente estou com o NetBeans, que para PHP é mais ou menos (não chega a 5.5), mas o resto está travando ... Tem que ter acesso suporte a repos e ssh.
    Braquets chamou minha atenção e vejo arquivos PHP ali. Vou te dar um teste 😀

    Saudações!

    ps: não usa mais disq.us?

    1.    elav. dito

      Bem, você deve tentar Brackets ou SublimeText. O KDEvelop agora oferece um suporte PHP mais ou menos decente. Mas sim, os dois primeiros mencionados não são IDEs.

      1.    HacKanGenericName dito

        Acabei de experimentar os colchetes e, de fato, não é IDE. Não me faz muito bem, embora sua interface simples seja atraente.
        Vou tentar o ST3 para ver o que está acontecendo, grax!

        1.    elav. dito

          Eu descobri .. 😉

          1.    Coby Nighter dito

            Meu ódio de IDE é como seu ódio de java elav HAHAHA.
            Eu amo Sublime Text! 😀

      2.    Gibran barrera dito

        Tentei emmet, ótimo para aparelho.

    2.    eliotime3000 dito

      Eu recomendaria o GNU Emacs, que é facilmente adaptado para este tipo de linguagem de programação, e geralmente é bastante útil se você quiser fazer sem o mouse.

      Os colchetes também me chamaram a atenção, já que é um IDE bastante simples que pode facilitar para mim o manuseio e a edição de arquivos baseados no código-fonte ao editar em HTML5 e CSS3.

      DesdeLinuxDesde seu início, ele não usa mais o Disqus. Aquele que usou o referido gerenciador de comentários foi Vamos usar LinuxAlém disso, o segundo estava usando o Blogger, então às vezes há um problema com o redirecionamento de links de artigos antigos. Felizmente, os spiders do Google estão atualizando os links para os artigos do UsemosLinux antes do fusión a DesdeLinux.

    3.    3ndriago dito

      Teste phpStorm

      1.    HacKanGenericName dito

        Foi recomendado para mim, e pela página parece bom, mas tenho que comprar ou levar, e sinceramente quero evitar as duas situações por enquanto ...

    4.    Schneider Light dito

      Você pode usar o netbeans, eu já usei, ele tem um depurador, lista e outros posh que podem ser solicitados de um IDE. Suporta Php, javascript, java, html, c, c ++ ...

  2.   Jorge P. dito

    Ótimo! Um pequeno tutorial sobre layout usando InkScape seria muito útil :).

  3.   tahuri dito

    A verdade é que essas ferramentas são muito boas e eu uso todas elas, exceto colchetes, pois meu trabalho é mais backend do que frontend, mas de vez em quando eu as uso para fazer o layout de algumas coisas (somente HTML5) já que uso css e js diretamente com sublime 🙂 Muito obrigado por compartilhar.

  4.   patodx dito

    Não sou um web designer, nem menos cientista da computação, mas depois de ver o uso profissional que é dado ao Gimp, vou levar mais em conta e estudá-lo para parar o photoshop de uma vez por todas.

    saudações.

    1.    eliotime3000 dito

      Na verdade, o GIMP é um excelente substituto para o Photoshop, já que se você configurá-lo corretamente, você praticamente esquece dele.

      No meu caso, acho difícil aprender a usar muitas de suas ferramentas para lidar com camadas no GIMP, embora o manuseio seja semelhante ao do Photoshop. Mas que é igual ou superior ao Photoshop, não tenho dúvidas.

  5.   eliotime3000 dito

    Para falar a verdade, estou usando Photoshop e Illustrator porque não estou acostumada. modus operandi de suas ferramentas, além de que costumam me pedir trabalhos feitos com o referido software (e para piorar, já me acostumei).

    Afinal, estou salvando meu trabalho em formatos livres, como .PNG para imagens estáticas e .SVG para poder visualizar meus gráficos vetoriais diretamente em meu navegador.

    Meus respeitos àqueles que sabem trabalhar com o GIMP e o Inkscape.

  6.   3ndriago dito

    Adobe Brackets não é um IDE, apenas um editor de texto avançado, cortesia da Adobe (e eu repito Adobe, a propósito!) XD

    1.    elav. dito

      Como eu disse no Post, não é um IDE, é um Editor de Texto e sim, foi lançado pela Adobe mas no final é mantido pela Comunidade 😛

  7.   pobre taku dito

    Emacs é o mais cômodo / potente em qualquer coisa, enquanto fazia o curso de web design da miriadax experimentei bluefish, aptana e brackets, que não são ruins, mas em nenhum encontrei conforto, desde então saí até gedit e dediquei um bom momento para aprender mais comandos na ferramenta EMACS definitiva.

  8.   cristão dito

    No meu trabalho, eu uso o asp.net com formulários da web, é super simples e rápido para desenvolver aplicativos, existem alternativas gratuitas de drrag e drop visual da web? Gostaria de receber seu apoio, pois estou procurando um substituto para o asp.net para semanas

  9.   vidagnu dito

    Eu uso o Gimp para edição de imagens, não faço muito com o inkspace e para programar gvim ou vi.

    lembranças

  10.   sentar dito

    Eu uso o Cloud9, ele me permite continuar trabalhando de onde parei em qualquer computador que estou. O projeto pode ser hospedado em um servidor por ftp ou na própria Cloud9.

    Em funções, não tem nada a invejar a outros editores de desktop.

  11.   Gibran barrera dito

    Cheguei a usar o Emacs, mas os desenvolvedores da Adobe estão fazendo um excelente trabalho com os Brackets e hoje uso no Windows e GNU / Linux, uma excelente ferramenta.

  12.   Ñandekuera dito

    eclipse php

  13.   sadalsuud dito

    Bacano e se é ótimo aquele da multiplataforma. Eu não sabia sobre colchetes. Obrigado, eu gosto deste blog.

  14.   sadalsuud dito

    Eu não conhecia Brackets. Obrigado, vou ver como fica. Eu gosto desse blog

  15.   xunorus dito

    Saudações comunidade, obrigado Elav pelo artigo.
    Quero sugerir que dê uma olhada no Grunt (gruntjs.com), ele me mudou a maneira como desenvolvo tudo que é web. Eu particularmente sugiro os plugins browser_sync, watch, jshint, uglify, imagemin e sass.
    Com isso, você pode sincronizar em vários dispositivos, injetar css, usar sass, compactar e preparar para a web todos os arquivos de imagem automaticamente e muito mais.

  16.   Alberto dito

    E em qual distro você trabalha no desenvolvimento web?

  17.   mario dito

    Olá, há pouco tempo mudei para o linux e estava começando a aprender como usar o inkscape para meus web designs, porém não encontrei muitos recursos na web, ele me perguntou se você poderia recomendar algum livro, tutorial, algum recurso que me ajudem com o inkscape ou gimp para entrar em web design, tenho pouca experiência nisso, mas com photoshop e ilustrador

  18.   msx dito

    Um anel para governar todos eles: EMACS.

  19.   Veronica dito

    Bom artigo e ótima contribuição para o meu negócio, obrigado

  20.   Antonio Alcalá dito

    As ferramentas de web design e desenvolvimento mencionadas neste artigo são de muito boa reputação, pessoalmente acredito que também existem outras ferramentas, como o WordPress, que torna mais fácil para um usuário menos experiente criar um site. Gostaria de lhe perguntar sobre o WordPress, é uma boa plataforma para criar páginas da web, blogs e lojas online?
    Muito obrigado pelo artigo.
    Atenciosamente.

    1.    Sergio dito

      Ta brincando né?

  21.   Roberto Rubio Romero dito

    Todo esse web design com LINUX me parece muito interessante, gostaria de ver alguns de seus trabalhos já na rede e funcionando. Não sou um especialista no assunto, mas chama minha atenção. Algum tempo atrás com a ajuda do ADOBE MUSE fiz algo que se pode chamar de página «» piada »» mas nada que valha a pena, agora quero experimentar no linux para ver se aprendo algo porque com o programa que mencionei antes é só uma coisa de montar e acho que não é muito engraçado e muito menos difícil. Eu gostaria que você me instruísse um pouco

  22.   federico dito

    olá achei sua página muito interessante Moro na Argentina e adoro linguagens de programação, por exemplo: python, java etc e sem falar em linux «OBRIGADO LINUS TORVALDS», X UM LADO AMO-OS PORQUE SÃO GRATUITOS E SÃO OS MAIS EM SISTEMAS, e por outro lado eu os odeio porque não sei com quem ficar, já tentei tantos um melhor do que o outro, bem, logo me despeço, sou como FEDERICO KICZKA.

  23.   cristão dito

    Bom artigo, fui designer de web e frontend por vários anos exclusivamente em Linux (Ubuntu para ser exato), com Inkscape e Gimp participei de muitos projetos e cheguei a entender que a ferramenta é basicamente uma opção, embora seja É verdade que existem diferenças No desenvolvimento de cada um, em termos gerais você pode realizar um trabalho tão bom quanto o de qualquer um, basta dedicar tempo a tudo. E se formos para o sistema operacional, não depender do Windows é um alívio que tenho há quase 15 anos.
    Saudações do Peru.

  24.   Carlos dito

    Vejam a péssima verdade sua pesquisa de programas para web design no Linux, existe uma boa gama de programas que você só precisa procurar e eles funcionam muito bem ...