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.