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.
• 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.
• 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).
• 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.

Below are some websites of graphic artists, illustrators, craft publishers, etc. Not directly related to the world of web development, but highly inspiring and stimulating:

• 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.
• Wacom Gallery: Gallery of works created with Wacom's digital illustration tools.
• 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.
• Leandro Lopes Ilustrações: Portfolio of friend and illustrator Leandro Lopes (developed by me).
• RIDDICKART: Master Mark Riddick's portfolio.
• Casatrês: Casatrês is a handmade books publisher.