Ember Styleguide
This is a UI addon that intends to help standardize the Ember family of websites and make it easier to make the Ember website an Ember app.
Overview
The Ember Styleguide is designed to streamline style coordination across the Ember family of websites, with a primary focus on supporting the emberjs.com platform. This project stands out for its commitment to accessibility and compliance with WCAG 2.0 AA conformance standards, making it a valuable tool for developers looking to enhance their web applications while adhering to important usability guidelines.
With the integration of continuous integration through GitHub Actions and visual regression testing via Percy.io, the Ember Styleguide ensures that components are not only efficient but also visually consistent. This makes it an ideal choice for developers aiming to create cohesive and reliable user interfaces.
Features
- Continuous Integration: Utilizes GitHub Actions to automate testing and streamline the development process, ensuring that updates are consistently integrated without manual intervention.
- Visual Regression Testing: Incorporates Percy.io for visual regression testing, allowing developers to identify visual discrepancies and maintain design integrity across updates.
- Accessibility Compliance: Committed to meeting WCAG 2.0 AA conformance standards, ensuring that components are usable for individuals with disabilities.
- Compatibility: Supports Ember.js v3.24 or above, Ember CLI v3.24 or above, and Node.js v14 or above, making it easy to integrate into modern web development environments.
- Basic Components: Provides fundamental components that help in maintaining style consistency across various applications, facilitating a cohesive look and feel.
- Open Source License: Distributed under the MIT License, promoting collaboration and contributions from the community, fostering innovation and improvements.
- Contributing Guide: Offers detailed guidelines for contributions, encouraging developers to participate in the evolution of the style guide and enhancing its capabilities.
- Ember
Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.
