web developer

methods & tools

Below are listed some of the services and tools that are part of my daily life: concepts and programming languages; tutorials on how the web infrastructure works; good practice manuals and speculative articles on new trends; showcases and portfolios that inspire me; testing and validation services; frameworks, libraries and applications I like use.

  • W3C: International community responsible for the development of development standards for the web.
  • Semantic Web: Discussions about the future of the web and the concept of "web of data", or "semantic web".
  • Jamstack: A new and more efficient architecture for web projects.
  • HTML5 Doctor: Reference website for HTML5 programming.
  • W3Schools - CSS3: Reference website for the new version of the web stylesheet language, CSS3.
  • Laws of UX: Theories and principles for building interfaces.
  • MDN web docs: Platform about all aspects of web development (maintained by Mozilla).
  • web.dev: Another documentation platform, this one maintained by Google.
  • The Modern Javascript Tutorial: Extensive documentation on JavaScript.
  • React: JavaScript library for building modern user interfaces.
  • Astro: Static site generator which has the advantage of great performance and lightness of the websites it generates.
  • Next.js: Robust React framework that brings several innovations for building more complex web sites.
  • Cloudflare: Platform that offers dozens of resources and services for building and deploying web projects. I mainly use Pages.
  • Vercel: Platform for publishing projects built with Jamstack tools.
  • Netlify: Another platform for publishing projects based on Jamstack architecture.
  • Svelte: A tool for building interfaces similar to React in some respects, but with some different essential points. I'm becoming a big fan.
  • SvelteKit: Framework Svelte for web development.
  • Everyone has JavaScript, right?: JavaScript is great, but I like to always take this advice into account.
  • Modernizr: Tool that helps the building of a standardized web experience considering the different contexts in which a website can be viewed (different browsers, different devices, different resources, etc.)
  • Bitbucket: Source code sharing and collaborative work service.
  • GitLab: Another repository for source code and collaborative work.
  • Can I use...: Essential source of information about browsers compatibility with new technologies.
  • Solved by Flexbox: Collection of tips and tutorials about Flexbox, a great CSS technique.
  • Sass: Language that extends the possibilities of CSS.
  • CakePHP: Framework for large web projects. An old favorite!
  • WordPress: Content management system for small and medium-sized web projects. A little outdated, but still a good tool for some situations.
  • Netlify CMS: Another content management system, this one compatible with more modern web development techniques.
  • Dive into HTML5: Compilation of tips and tutorials on HTML5.
  • Autodesk SketchBook: Software for digital illustration.
  • Wacom Gallery: Gallery of works created with Wacom's digital illustration tools.
  • Derek Riggs website and online portfolio: Portfolio of legendary illustrator Derek Riggs.
  • DeviantArt: Gallery with works by different artists around the world.
  • Club of the Waves: Gallery with works by artists linked to the surf culture around the world.
  • Anonymous Ink & Idea: Illustrator Rich Knepprath's Portfolio.
  • Monster Brains: Gallery with works by several graphic artists (old and new) that have in common the supernatural theme.
  • 50 Watts: Gallery with works by various graphic artists around the world.
  • Font Squirrel: Search and download typographic fonts for web projects.
  • We Love Typography: Another gallery of typographic fonts for the web.
  • palleton.com: Website for creating color schemes.
  • The Jazzy Blue Notes of Reid Miles: Website about the work of Reid Miles, a photographer and graphic artist known for his work with the American jazz label Blue Note.
  • Hard Format: Website dedicated to records artworks.
  • Webmaster Central Blog: Blog with tips on integrating websites with Google services.
  • Advanced Common Sense: Steve Krug website, author of a essential book on web usability, Don't Make Me Thing.
  • Adobe: Website of the manufacturer of some tools I use, such as Photoshop and Fireworks (in the last century I also used Flash).
  • A List Apart: Great website with articles and discussions about web development.
  • StatCounter: This website, with different statistics on how people browse the web, is an essential tool.
  • 24 Ways: Another must-have website about web development.
  • Snipcart: JavaScript library for ecommerce.
  • Culture Code: Website of the company that develops Things, an app I use to organize projects (using the GTD methodology).
  • Leandro Lopes Ilustrações: Portfolio of friend and illustrator Leandro Lopes (developed by me).
  • RIDDICKART: Master Mark Riddick's portfolio.
  • Getting Real: Website about the Getting Real web development methodology.
  • Pingdom Website Speed Test: Online service for website performance testing.
  • Panic: Website of the company that develops the editor/source code manager of my choice, Nova (in addition to having released a beautiful game, Firewatch).
  • Visual Studio Code: Another source code editor, which I am using more often in projects with CI/CD.
  • Sketch: My favorite tool for prototyping.
  • CSS Zen Garden: Website about developing layouts for the web.
  • Lodash: Utility library for JavaScript.
  • awwwards.: Website about design, creativity and innovation on the internet.
  • MySQL: Database system of my choice.
  • PHP: PHP website, a very popular programming language.
  • Learn UI Design: Blog about interface design and development.
  • CSS-TRICKS: Amazing blog about web design and development.
  • Smashing Magazine: Another great website about web development.
  • Markdown: Essential tool for converting formatted text to HTML.
  • MDX: MDX is a format that expands Markdown's possibilities by allowing the inclusion of components written in JSX.
  • Rough Notation: Small JavaScript library to create animated text annotations.
  • license: Tool to add a license to a project's source code. I often use it to assign the MIT license to my open-source projects.
  • AWS: Platform that offers dozens of resources and services for building and deploying web projects. I mainly use Lambda for running serverless functions.
  • Nhost: Services and resources for web projects backend.
  • Lighthouse: Tool for analyzing performance and best practices in web projects.
  • Website Carbon Calculator: Service that estimates the carbon footprint of a website and suggests actions to make it less harmful to the environment.
  • Contrast Ratio: Service that evaluates the contrast between text and background color, thus helping the readability of a website.
  • JSON Editor Online: Online tool for editing and formatting content in JSON format.
home screen

Unfortunately this site doesn't work in your browser. Please update it to a newer version.