30 ferramentas de design de web de código aberto: guia completo

Há muito software de código aberto que pode ajudá -lo tremendamente como um web designer. Os projetos de código aberto são ótimos não apenas por causa de seu preço (gratuito), mas também por causa da comunidade apaixonada que normalmente se forma ao seu redor. Nestes tempos econômicos, geralmente é um esforço que vale a pena ver lugares onde você pode economizar, e as alternativas de código aberto são um bom lugar para começar a procurar.

Neste artigo, você encontrará 30 Ferramentas de software de web de código aberto excepcionalmente úteis.

Há uma variedade de ferramentas aqui que incluem código -fonte, WYSIWYG e editores gráficos/de imagem, além de utilitários de software úteis que podem melhorar seus processos de gerenciamento e produção de tarefas.

Código -fonte e editores wysiwyg

1. Kompozer

Kompozer é um sistema de autoria da Web totalmente com recursos que possui um cliente FTP integrado, uma interface de usuário intuitiva com guias e suporte para todos os principais sistemas operacionais.

Editor Bluefish é um editor leve e rápido para designers e programadores da web. Possui assistentes úteis para documentos HTML, ótimos recursos de gerenciamento de projetos e uma poderosa opção de pesquisa e substituição para o código-fonte de substituição de lote rapidamente.

3. Quanta Plus

Quanta Plus é um IDE robusto de desenvolvimento da web. É altamente extensível e é capaz de executar scripts personalizados. Possui um excelente editor Visual CSS que possui dicas de código e conclusão automática da sintaxe.

Amaya é um editor de web de código aberto gratuito e navegador da web desenvolvido pelo World Wide Web Consortium (W3C). Amaya começou como editor HTML/CSS e, desde então, se tornou um editor para muitos sistemas baseados em XML como SVG e MathML.

Cssed é um editor CSS baseado em GTK-2, com base em GTK-2, que possui um sistema de plug-in para extrema extensibilidade; Confira parte do plugins disponíveis para CSSED.

Buxi BEXI HTML aberto é uma ferramenta de design de sites de código aberto baseado em navegador para criar páginas da Web HTML. Ele possui um seletor de cores CSS embutido na interface e uma opção de gerenciamento de projetos muito simples.

Notepad ++ é um editor de texto de código aberto muito popular para Windows. Embora não seja estritamente apenas para designers da web, ele possui um excelente editor de código -fonte, o suporte a HTML, XML, CSS e JavaScript.

Jedit é um editor de texto criado para programadores. Ele pode ser executado no MAC, Windows e Linux e possui destaque para HTML, XML, CSS, JavaScript e muitos outros idiomas.

Seamonkeypromovido pelo Fundação Mozillaé um navegador da web “all-in-one” que possui um editor HTML simples, mas poderoso, para edição de código-fonte do navegador (chamado Seamonkey Composer).

Editores de gráficos/imagem

Gimpum dos softwares de design de web de código aberto mais populares atualmente no mercado, é um editor de imagens e um pacote de design gráfico. Para quem gosta da interface do Photoshop, confira o GIMPSHOP – uma extensão que imita aproximadamente a interface do Photoshop.

Inkscape é o principal editor de gráficos de vetores de código aberto (bem como seus colegas comerciais, Adobe Illustrator e CorelDraw).

12. Caiu

Caiu é um aplicativo de software de edição de imagens e pintura para Koffice.

13. Carbon14

Carbon14 é um aplicativo de desenho baseado em vetor escalável que faz parte do projeto Koffice.

14. Kiwi

Como web designer, geralmente você precisa para o storyboard e prototipar seus designs ou criar fluxogramas para esquemas de navegação; Kiwi é um excelente editor de diagramação/fluxograma para ajudá -lo a aumentar seus protótipos, quadros, fluxogramas e diagramas.

É é outra ferramenta maravilhosa de diagramação para ajudá -lo a desenhar diagramas e fluxogramas.

Esboço é uma ferramenta de design de site de código aberto que desenha vetor que é ótimo para ilustrações e diagramas. Você pode salvar suas composições em Formato de EPS -Um formato reconhecido pela maioria dos aplicativos de edição de vetores.

Draw OpenOffice é um utilitário de desenho/diagrama simples, mas poderoso, que faz parte de OpenOffice Suíte de software.

mtpaint é um utilitário de pintura simples desenvolvido por Mark Tyler (MT); É perfeito para pintura e edição simples.

Se você precisar editar fontes para seus designs, você pode querer conferir Fontforgeum prático editor de fontes de código aberto.

20. Imagemagick

Imagemagick é um conjunto robusto de edição de imagens que permite compor imagens em formatos baseados em bitmap. Ele pode abrir e economizar mais de cem formatos, incluindo formatos populares da Web, como GIF, JPG, SVG e PDF.

21. GraphicsMagick

GraphicsMagick é referido com carinho como o “faca do exército suíço do processamento de imagens” por seus principais desenvolvedores. Ele suporta muitos formatos de imagem; Você pode ver uma lista deles aqui.

Utilitários úteis

HTML Tidy é um utilitário de código aberto gratuito para fixar e otimizar a sintaxe HTML.

23. Cyberduck

Cyberduck é um excelente cliente FTP de código aberto para o Mac OS. Seu suporte interno para arquivos de nuvem de Mosso e seu integrado Amazon S3 O navegador o torna um aplicativo de alto nível para designers da web e desenvolvedores de aplicativos da Web.

Filezilla é normalmente considerado o cliente FTP de código aberto mais popular. É compatível com plataforma cruzada (disponível para sistemas operacionais Linux, Mac e Windows) e tem a capacidade de transferir arquivos através de vários protocolos.

Winscp é um cliente FTP somente Windows (s) para transferências de arquivos locais para remotos. Possui um gerenciador de arquivos simples para ajudá -lo a navegar e organizar seus arquivos.

Pode chegar um momento em que o seu cliente/líder do projeto solicitará que você projete uma simulação de computador (como uma atividade em um curso eletrônico ou um tour pelos serviços de um site). Se você precisar de um aplicativo de captura de tela, não procure mais, CAMSTUDIOuma ferramenta de captura de tela aberta totalmente com base em tela.

Os designers da web geralmente precisam tirar capturas de tela; Geralmente para documentação e para apresentações de design no navegador. Greenshot é um aplicativo de captura de tela maravilhoso e robusto que é gratuito e de código aberto.

28. ZSCREEN

ZSCREEN é um utilitário de captura de tela de código aberto excepcionalmente útil que pode tomar uma área visuável em tela cheia e apenas certas regiões dos itens do seu monitor. Você pode configurá -lo para capturas de tela automaticamente FTP; Uma função útil para compartilhar e arquivar facilmente suas imagens.

Xournal é um utilitário simples de anotações/esboços que permite usar o tablet como um dispositivo de entrada. Funciona de maneira semelhante a Windows Journal.

Firebug é uma ferramenta de depuração de página da web extremamente útil e versátil. Você pode usá -lo para aprender e explorar sua marcação HTML e CSS.

Com Galeriavocê pode assumir um comando maior do seu repositório de imagem. A galeria é uma galeria de imagens baseada na Web que você pode usar para armazenar, organizar e acessar ativos de imagem online.

Compartilhe experiências sobre seu software de design de web de código aberto favorito

Se o seu software de código aberto favorito não estiver na lista ou se você tiver pensamentos e opiniões sobre os acima – adoraríamos ouvir isso – Compartilhe -o com todos nós nos comentários.

Conteúdo relacionado