#1 - Adam Wathan's Tools
Tools Overview: Adam Wathan, a web developer and creator of Tailwind CSS, shares his daily tools and workflow on his website. His page provides a detailed list of the software and tools he uses to develop web applications efficiently.
- Editor: Adam uses VS Code, a popular code editor with extensions like Prettier, ESLint, and Tailwind CSS IntelliSense for faster development.
- Version Control: Git and GitHub are used for version control and collaboration.
- Task Management:
- Design Tools:
- Browser:
His list is practical, showcasing how different tools improve efficiency during the development and design process.
#2 - Wes Bos's Tools
Tools Overview: Wes Bos, a full-stack developer and educator, provides a comprehensive list of his favorite tools. His "Tools" page is an excellent resource for developers looking for high-quality tools to improve their workflow.
- Editor: Wes also uses VS Code, with extensions such as GitLens and ESLint to improve his development speed.
- Terminal: He mentions iTerm2 for a more efficient terminal experience, paired with Oh My Zsh for better shell management.
- Cloud Storage: Dropbox is used for file storage and sharing across devices.
- Frameworks & Libraries: Wes often works with React, Node.js, and JavaScript to build web applications.
- Browser: He uses Google Chrome with specific developer extensions for better debugging and development.
Wes's tools reflect his approach to teaching and building scalable web applications, focusing on efficient and well-documented development practices.
#3 - Sarah Drasner's Tools
Tools Overview: Sarah Drasner, a web designer and developer, lists the tools that help her with both design and development on her "Tools" page. Her selection highlights the intersection of design and code, providing insight into her creative process.
- Design: Sarah relies on Figma for UI/UX design and animations, and she uses Photoshop for more in-depth image manipulation.
- Code Editor: She uses Sublime Text, which she finds lightweight and highly customizable.
- Version Control: Git is her go-to for version control, paired with GitHub for collaborative coding.
- Other Tools: Sarah also uses tools like CSS Grid and animation libraries to create dynamic and responsive layouts.
- Browser: She uses Google Chrome with the built-in developer tools for debugging and performance testing.
Her tools reflect her strong focus on both aesthetic and functional aspects of web development.
How to Add Your Personal "Uses" Page to Uses.tech
To create and add your personal "Uses" page to the uses.tech website, follow these steps:
- Prepare your list of tools: Write down the software, frameworks, and tools that you use regularly in your development workflow. Organize them into categories such as Editor, Version Control, Design Tools, etc.
- Create your personal uses page: Build a simple web page on your website that lists the tools you use. Include descriptions and links where possible (e.g., download links or resources).
- Format the page: Ensure that your page has a clean design, readable text, and proper navigation. Use headings and bullet points to organize the content.
-
Submit to Uses.tech:
- Visit the Uses.tech submission page.
- Follow the instructions to submit your personal tools page. You may be asked to provide a link to your "Tools I Use" page and some basic information about yourself.
By following these steps, you can share your workflow with the wider developer community.
References
Wathan, Adam. "Uses." Adam Wathan, 01 May 2025, https://adamwathan.me/uses.
Bos, Wes. "Tools." Wes Bos, 01 May 2025, https://wesbos.com/tools
Drasner, Sarah. "Tools." Sarah Drasner Design, 01 May 2025, https://sarahdrasnerdesign.com/tools
Generative AI Response - ChatGPT, Version 4, OpenAI, 01 May 2025, chat.openai.com.