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?


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.

      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?

         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.

           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!

             elav. dito

          Eu descobri .. ๐Ÿ˜‰

               Coby Nighter dito

            Meu รณdio de IDE รฉ como seu รณdio de java elav HAHAHA.
            Eu amo Sublime Text! ๐Ÿ˜€

           Gibran barrera dito

        Tentei emmet, รณtimo para aparelho.

         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.

      FromLinuxDesde 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 mesclar para FromLinux.

         3ndriago dito

      Teste phpStorm

           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 ...

         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 ++ ...

      Jorge P. dito

    ร“timo! Um pequeno tutorial sobre layout usando InkScape seria muito รบtil :).

      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.

      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.

         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.

      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.

      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

         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 ๐Ÿ˜›

      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.

      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

      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

      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.

      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.

      ร‘andekuera dito

    eclipse php

      sadalsuud dito

    Bacano e se รฉ รณtimo aquele da multiplataforma. Eu nรฃo sabia sobre colchetes. Obrigado, eu gosto deste blog.

      sadalsuud dito

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

      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.

      Alberto dito

    E em qual distro vocรช trabalha no desenvolvimento web?

      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

      msx dito

    Um anel para governar todos eles: EMACS.

      Veronica dito

    Bom artigo e รณtima contribuiรงรฃo para o meu negรณcio, obrigado

      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.

         Sergio dito

      Ta brincando nรฉ?

      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

      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.

      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.

      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 ...