Favorite Coding Resources and Tools

This document highlights various resources and tools that are frequently used while coding, particularly for building websites. These are not the ubiquitous tools like VS Code or GitHub but rather lesser-known ones that can save time and enhance productivity.

Key Resources

1. Mozilla Developer Network (MDN)

• Purpose: Reference for correct syntax of HTML, CSS, JavaScript, and web accessibility.
• Features:
  • Provides comprehensive browser support information.
  • Includes live demos to visualize property effects.
  • Supplies syntax details, real-world examples, and specification links.
  • Extensive tutorials and other coding topics.

2. Can I Use

• Purpose: Detailed browser support information for web technologies.
• Features:
  • Offers a global support percentage for properties.
  • Compares browser and version-specific support.
  • Notes feature statuses, e.g., whether they are experimental.

3. Accessibility Developer Guide

• Purpose: Guidance on making web applications accessible.
• Features:
  • Covers different accessibility areas like colors, semantics, and keyboard interactions.
  • Includes practical code examples.
  • Offers tutorials and explanations on common accessibility techniques.

4. CSS-Tricks Flexbox and Grid Guides

• Purpose: Explains CSS Flexbox and Grid layouts with visual guides and examples.
• Features:
  • Helps visualize properties like justify-content.
  • Useful for both beginners and experienced developers needing a refresher.

5. Fluid Typography Calculator

• Purpose: Creates responsive font sizing using the CSS clamp function.
• Features:
  • Allows setting minimum and maximum font sizes based on viewport width.
  • Provides CSS styles for fluid and adaptive typography across devices.

6. Google Web Fonts Helper

• Purpose: Host Google Fonts from your own server for enhanced privacy and independence.
• Features:
  • Avoids the need to rely on Google’s CDN, supporting better privacy practices.
  • Allows selection of specific font weights and character sets.
  • Easy download of necessary font files for integration into websites.

Conclusion

These resources are invaluable for developers looking to streamline their workflow, enhance accessibility, and comply with privacy standards while building web applications. They are particularly helpful for those looking to expand their toolkit beyond the conventional development environments and services.