Desenvolvimento

26 dez, 2014

Melhores de 2014 – 10 ferramentas sensacionais para web designers e desenvolvedores

Publicidade

Você é um web designer ou desenvolvedor que quer melhorar sua produtividade no trabalho? Se sim, tenho algo muito legal para você: uma lista de 10 ferramentas sensacionais. Não coloquei em nenhuma ordem específica. Vamos lá!

1. Droplr

droplr

Droplr é uma ferramenta de compartilhamento feita para quem trabalha com criação para web (como designer e devs), seja em times pequenos ou grandes. É muito fácil de usar: upload > compartilhe. É isso. Droplr está disponível para Windows, Mac, iOS e outros apps de terceiros. Você pode compartilhar códigos, vídeos, imagens, arquivos, documentos, notas e o que mais pensar. Uma versão básica permite um compartilhamento mínimo.

No entanto, se você quer fazer compartilhamentos a sério e com regularidade (o que é normal para quem trabalha remotamente), então uma versão pro é o ideal. Droplr Pro elimina os anúncios e oferece drops privados, personalização de temas, estatísticas e até um domínio personalizado. Os planos começam em US$ 5,99 por mês.

2. Color Sublime

color-sublime

É quase raro que um web designer ou web developer não tenha ouvido falar sobre o Sublime Text 2. Quase todo mundo que coda já usou a versão freemium do software ao menos uma vez. O site, Color Sublime, permite que você faça do Sublime Text 2 ainda mais sensacional, ao te permitir uma variedade de temas para download.

Por exemplo, o tema padrão do Sublime Text 2 pode te cansar, e você pode ficar realmente com um incômodo nos olhos devido aos temas escuros. Com Color Sublime, você tem dúzias de outros temas, claros e escuros, para fazer download de acordo com o seu gosto e de forma que seja mais confortável para você trabalhar!

3. Just My Type

just-my-type

Just My Type é um site que faz test drive para fontes usando fontes populares, como TypeKit. Se você é um perfeccionista e aficionado em tipografia e design clean, TEM QUE conhecer o Just My Type. As font types vão desde estilos antigos até designs modernos. Um exemplo mostra o uso de font pairing, uma técnica para fundir dois tipos de fontes diferentes em uma mesma sentença. Os resultados são lindos.

4. Sidr

sidr

Este é um plugin jQuery para criar menus laterais. Se você já usou o Facebook mobile, pode querer uma implementação parecida. Sidr te dá isso. É, provavelmente, a melhor ferramenta que você pode usar para colocar menus laterais nos seus projetos web sem ter que escrever uma única linha de código! Sidr trabalha para carregar os menus laterais em equipamentos touch screen e tem opções tanto para uso no lado direito como no esquerdo. Não é apenas um menu lateral com links, você pode adicionar conteúdo e outras coisas. E a melhor parte: é responsivo!

5. Moment JS

time

Desenvolvedores, alegrem-se! Finalmente uma biblioteca de datas em JavasScript que pode interpretar, validar, manipular e formatar datas! Moment JS tem menos de 7kb de tamanho e permite que você transforme seus chatos formatos de datas em algo lindo! Tem suporte para mais de 50 linguagens e features de tempo passado, internacionalização, calendário e formato de data. No geral, Moment JS é uma boa solução de formatação no lado do cliente para usos fáceis e efetivos.

6. jQuery Autosize

jquery-autosize

jQuery Autosize é uma biblioteca leve que permite que você ajuste automaticamente a altura de um campo textarea. Geralmente esse campo é uma caixa estática que você tem que ajustar manualmente ou fazer um scroll down para ver o restante do texto. Isso costuma se tornar em uma experiência ruim para o usuário e também irritante. Mas e se esse campo tivesse ajuste automático à medida que você inserisse mais texto? Isso é possível com o plugin jQuery Autosize.

7. Masonry

masonry

Masonry é uma biblioteca JavaScript para grids de layout em cascata, para web designers.Você talvez já tenha visto vários usos da Masonry pela Internet. Então, o que ela faz? Colocando de forma simples, é um grid responsivo que alinha os elementos em posições otimizadas, de maneira arrumada, com base na disponibilidade de espaço vertical. Veja aqui um exemplo: http://salon.io/. Masonry usa JavaScript por padrão, mas também funciona com jQuery. Algumas alternativas a ela são http://packery.metafizzy.co/ e http://isotope.metafizzy.co/.

8. OAuth.io

oauth

Oauth pode ser um estorvo, fazendo com o que o desenvolvedor gaste um tempo precioso consertando bugs e encontrando onde usar os tokens. Com Oauth.io, você ganha acesso a uma API que “apenas trabalha fora da caixa”. Oauth permite que você retire totalmente o componente do lado do servidor, reduzindo a complexidade e o esforço do servidor. Atualmente disponível como SaaS, Oauth permite que você tenha até mil usuários gratuitamente, e começa a cobrar acima desse limite. Vale a tentativa!

9. Progression

Este é um plugin jQuery que oferece aos usuários dicas em tempo real e informações de progresso ao completarem formulários. A documentação do Progression é bem abrangente para te guiar no processo de instalação. Os designers deveriam incorporar esse plugin em seus projetos web para criarem uma melhor UX.

10. Daux.io

daux

Daux.io é um simpático gerador de documentação que usa uma simples estrutura de pastas e arquivos Markdown para criar documentação personalizada. É uma ótima ferramenta para desenvolvedores que querem criar uma bela documentação de forma simples. É responsivo, tem Bootstrap e é muito poderosa!

***

Quer mais dicas de ferramentas? Visite o iMasters Box, o nosso agregador de ferramentas específicas para desenvolvedores, designers e outros profissionais de web!

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Texto original da equipe Monitis, liderada por Hovhannes Avoyan, disponível em http://blog.monitis.com/index.php/2013/12/11/10-awesome-tools-for-web-designers-and-developers/