Web Development

Tools

• Can I Use...: A collection of up-to-date browser support tables for front-end web technologies on desktop and mobile browsers.
• Chromatic: A cloud service for Storybook that automates workflows for UI feedback, visual regression testing, and documentation.
• CodePen: An online code editor and front-end development environment.
• jsDelivr: A free and open source content delivery network (CDN) for npm packages.
• npm Docs: Documentation for the npm registry, website, and command-line interface.
• Responsively: A modified web browser that helps with responsive web development.
• Storybook: An open source tool for building UI components and pages in isolation.

Design Systems

• Material Design: Google's design system using Material Components for the web.
• Primer: GitHub's open source design system.

Frameworks & Libraries

• Bootstrap
• Bulma: A modern CSS framework based on Flexbox.
• Font Awesome
• Fomantic UI
• KaTeX
• Materialize
• Material UI
• Popper
• Primitive UI
• Pure CSS
• Tailwind CSS

Testing

• Playwright: A framework for Web testing and automation that allows testing Chromium, Firefox and WebKit with a single API.

Resources

• Built on Blazor
• CSS Tricks
• CSS Zen Garden
• Frontend Masters Guides
• Laws of UX
• Logoipsum: Free placeholder logos for design mock-ups.
• MDN Web Docs: An open-source, collaborative project by Mozilla, documenting web technologies, including CSS, HTML, JavaScript, and Web APIs.
• Modern CSS Solutions
• Start Bootstrap

Articles

• Golden Guidelines for Writing Clean CSS
• The Ultimate Guide to JavaScript Frameworks

---

Children

1. Content Management Systems
2. HTTP
3. Time to First Byte (TTFB)
4. Web APIs