web developer

métodos & ferramentas

A caixa de ferramentas de um web developer é algo em constante transformação. Também o é, consequentemente, sua literatura de apoio e demais materiais de referência.

Minha principal área de interesse e estudo é a organização de conteúdo na web. Como oferecer ao mundo de forma acessível e eficiente o conteúdo com o qual eu esteja trabalhando, como torná-lo atraente e corretamente integrado ao ambiente potencialmente infinito do qual ele fará parte, e como fazer deste ambiente — a World Wide Web — um lugar cada vez melhor: estas são algumas das questões e alguns dos princípios que norteiam meu trabalho.

Abaixo estão relacionados alguns dos sites que fazem parte do meu dia a dia: conceitos e linguagens de programação; tutoriais sobre como funciona a infra-estrutura da web; manuais de boas práticas e artigos especulativos sobre novas tendências; showcases e portfólios que me servem de inspiração; serviços de testes e validação; frameworks, bibliotecas e aplicativos que utilizo.

  • W3C: Site da comunidade internacional responsável pelo desenvolvimento dos padrões de desenvolvimento para a web.
  • Semantic Web: Discussões acerca do futuro da web e o conceito de "web of data", ou "semantic web".
  • Jamstack: Uma nova e mais eficiente arquitetura para projetos web.
  • HTML5 Doctor: Site de referência para programação em HTML5.
  • W3Schools - CSS3: Site de referência para a nova versão da linguagem de estilos na web, a CSS3.
  • Laws of UX: Coleção de teorias e princípios para a construção de interfaces.
  • MDN web docs: Plataforma de documentos sobre todos os aspectos relativos ao desenvolvimento para a web (mantida pelo Mozilla).
  • web.dev: Outra plataforma de documentação, esta mantida pelo Google.
  • The Modern Javascript Tutorial: Extensa documentação sobre um dos principais recursos para a construção de web sites, o JavaScript.
  • React: Biblioteca JavaScript que facilita e enriquece o desenvolvimento de interfaces.
  • Astro: Static site generator que tem como vantagem a ótima performance e leveza dos web sites gerados.
  • Next.js: Framework React robusto que traz diversas inovações para a construção de web sites mais complexos.
  • Vercel: Plataforma para publicação de projetos construídos com Next.js.
  • Netlify: Outra plataforma para publicação de projetos baseados em Next.js e na arquitetura Jamstack.
  • Everyone has JavaScript, right?: JavaScript é ótimo, mas gosto de sempre levar em conta este conselho.
  • Modernizr: Ferramenta que auxilia a construção de uma experiência web padronizada levando-se em conta os diferentes contextos em que o site poderá ser visualizado (browsers diferentes, dispositivos diferentes, recursos diferentes, etc.)
  • Bitbucket: Serviço de compartilhamento de código-fonte e trabalho colaborativo.
  • GitLab: Outro repositório para código-fonte e trabalho colaborativo.
  • Can I use...: Serviço on-line essencial sobre a compatibilidade dos browsers com novas tecnologias.
  • Solved by Flexbox: Coleção de dicas e tutoriais sobre o Flexbox.
  • Sass: Linguagem que extende as possibilidades do CSS.
  • CakePHP: Framework para projetos web de grande porte. Um velho favorito!
  • WordPress: Sistema de gerenciamento de conteúdo para projetos web de pequeno e médio porte. Um pouco ultrapassado, mas ainda uma boa ferramenta para algumas situações.
  • Netlify CMS: Outro sistema de gerenciamento de conteúdo, este compatível com algumas técnicas mais modernas de web development.
  • Dive into HTML5: Compilação de dicas e tutoriais sobre HTML5.
  • Autodesk SketchBook: Aplicativo para ilustração digital.
  • Wacom Gallery: Galeria de obras criadas com as ferramentas para ilustração digital da Wacom.
  • Derek Riggs website and online portfolio: Portfólio do lendário ilustrador Derek Riggs.
  • DeviantArt: Galeria com obras de diversos artistas ao redor do mundo.
  • Club of the Waves: Galeria com obras de artistas ligados à cultura surf ao redor do mundo.
  • Anonymous Ink & Idea: Portfólio do ilustrador Rich Knepprath.
  • Monster Brains: Galeria com obras de diversos artistas gráficos (antigos e modernos) que têm em comum a temática sobrenatural.
  • 50 Watts: Galeria com obras de diversos artistas gráficos ao redor do mundo.
  • Font Squirrel: Pesquisa e download de fontes tipográficas para projetos web.
  • We Love Typography: Mais uma galeria de fontes tipográficas para a web.
  • palleton.com: Site para a criação de esquemas de cores.
  • The Jazzy Blue Notes of Reid Miles: Site sobre a obra de Reid Miles, fotógrafo e artista gráfico conhecido por seu trabalho junto à gravadora americana de jazz Blue Note.
  • Hard Format: Site dedicado à arte gráfica de discos.
  • Webmaster Central Blog: Blog com dicas sobre a integração de sites aos serviços do Google.
  • Advanced Common Sense: Site de Steve Krug, autor de um dos livros fundamentais sobre usabilidade na web, Don't Make Me Thing.
  • Adobe: Site da fabricante de algumas ferramentas que utilizo, como Photoshop e Fireworks (no século passado eu também usava Flash).
  • A List Apart: Excepcional site com artigos e discussões sobre desenvolvimento para a web.
  • StatCounter: Este site, com estatísticas diversas sobre como as pessoas navegam pela web, é uma ferramenta imprescindível.
  • 24 Ways: Outro site indispensável sobre desenvolvimento para a web.
  • Snipcart: Biblioteca JavaScript para ecommerce.
  • Culture Code: Site da empresa que desenvolve a ferramenta Things, que utilizo para a organização de projetos (utilizando a metodologia GTD).
  • Leandro Lopes Ilustrações: Portfólio do amigo e ilustrador Leandro Lopes (desenvolvido por mim).
  • RIDDICKART: Portfólio do mestre Mark Riddick.
  • Getting Real: Site sobre a metodologia de desenvolvimento web Getting Real.
  • Pingdom Website Speed Test: Serviço on-line para testes de performance de web-sites.
  • Panic: Site da empresa que desenvolve o editor/gerenciador de código-fonte da minha preferência, o Nova (além de terem lançado um belíssimo game, Firewatch).
  • Visual Studio Code: Outro editor de código-fonte, que tenho utilizado mais frequentemente em projetos com CI/CD.
  • Sketch: Minha ferramenta favorita para a criação de protótipos.
  • CSS Zen Garden: Site sobre desenvolvimento de layouts para a web.
  • Lodash: Biblioteca de utilidades para JavaScript.
  • awwwards.: Site sobre design, criatividade e inovação na internet.
  • MySQL: Sistema de banco de dados da minha preferência.
  • PHP: Site do PHP, linguagem de programação bastante popular.
  • Learn UI Design: Blog sobre design e desenvolvimento de interfaces.
  • CSS-TRICKS: Blog fundamental sobre design e desenvolvimento web.
  • Smashing Magazine: Também este blog é muito bom.
  • Markdown: Ferramenta de conversão de texto para HTML.
  • MDX: MDX é um formato que aumenta as possibilidades do Markdown ao permitir a inclusão de componentes escritos em JSX.
  • Rough Notation: Pequena biblioteca JavaScript para criar anotações animadas em textos.
  • license: Ferramenta para adicionar uma licença ao código-fonte de um projeto. Costumo utilizar para atribuir a licença MIT ao meus projetos open-source.
  • AWS: Plataforma que oferece dezenas de recursos e serviços para a construção e publicação de projetos web. Eu utilizo principalmente o serviço Lambda para a execução de serverless functions.
  • Lighthouse: Ferramenta para a análise de performance e boas-práticas em projetos web.
  • Website Carbon Calculator: Serviço que estima o carbon footprint de um web-site e sugere ações para torná-lo menos prejudicial ao meio ambiente.
  • Contrast Ratio: Serviço que avalia o contraste entre texto e cor de fundo, auxiliando assim na legibilidade de um web-site.
  • Postman: Platforma para o desenvolvimento e testes de APIs.
  • JSON Editor Online: Ferramenta online de edição e formatação de conteúdo no formato JSON.
tela inicial

Infelizmente este site não funciona no seu browser. Por favor, atualize-o para uma versão mais recente.