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.
- Vercel: Platform for publishing projects built with Next.js.
- Netlify: Another platform for publishing projects based on Next.js and the Jamstack architecture.
- 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.
- 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.