métodos & ferramentas:
A caixa de ferramentas de um web designer é 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.
(E se isso tudo lhe interessar, talvez você queira dar uma olhada nesta página, onde explico brevemente como utilizei alguns destes conceitos e ferramentas para construir cá este web-site.)
- 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".
- 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 programação de layouts na web, a CSS3.
- CSS Flexible Box Layout Module Level 1: Especificação em andamento para o Flexbox, nova filosofia de desenvolvimento de layouts para a web.
- 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.
- 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.
- Next.js: Framework React que já traz embutidas algumas inovações como static e server rendering.
- Vercel: Plataforma para publicação gratuita e eficiente de projetos não-comerciais baseados em Next.js.
- jQuery: Biblioteca para o desenvolvimento de interatividade em projetos web, baseada em JavaScript.
- Everyone has JavaScript, right?: JS e jQuery são ótimos, 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.
- 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.
- statcounter: Estatísticas sobre as formas como a web é utilizada ao redor do mundo.
- Foundation: Framework robusto para o desenvolvimento de layout e interatividade em projetos web.
- Sass: Linguagem que extende a forma de se programar o layout de um site.
- CakePHP: Meu framework favorito, ideal para projetos web de grande porte.
- WordPress: Sistema de gerenciamento de conteúdo para projetos web de pequeno e médio porte.
- 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 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.
- Tableless: Site brasileiro sobre desenvolvimento para a web.
- 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.
- A List Apart: Excepcional site com artigos e discussões sobre desenvolvimento para a web.
- 24 Ways: Outro site indispensável sobre desenvolvimento para a web.
- OpenCart: Framework para construção de lojas on-line.
- Culture Code: Site da empresa que desenvolve a ferramenta Things, que utilizo para a organização de projetos (utilizando a metodologia GTD).
- corrupiola: Experiências manuais e trabalhos crafts feitos em Florianópolis.
- Diego de los Campos | The art I make: Portfólio do amigo e artista multimídia Diego de los Campos.
- Leandro Lopes Ilustrações: Portfólio do amigo e ilustrador Leandro Lopes (desenvolvido por mim).
- RIDDICKART: Portfólio do mestre Mark Riddick.
- FORKAS: Portfólio do artista gráfico Denis Forkas.
- 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).
- 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 que utilizo em quase todos os meus projetos web.
- Learn UI Design: Blog sobre design e desenvolvimento de interfaces.