<h2>Overview</h2>
<p>The AEM Project Archetype is a Maven template that creates a minimal, best-practices-based Adobe Experience Manager (AEM) project. It serves as a starting point for building a website and provides various features and functionalities.</p>
<h2>Features</h2>
<ul>
<li><strong>Best Practice</strong>: Bootstrap your site with all of Adobe's latest recommended practices.</li>
<li><strong>Low-Code</strong>: Easily edit templates, create content, and deploy CSS without writing extensive code.</li>
<li><strong>Cloud-Ready</strong>: Supports AEM as a Cloud Service for easy scalability and maintenance.</li>
<li><strong>Dispatcher</strong>: Includes a Dispatcher configuration for speed and security.</li>
<li><strong>Multi-Site</strong>: Generates content structure for multi-language and multi-region setups.</li>
<li><strong>Core Components</strong>: Offers standardized components for creating versatile layouts.</li>
<li><strong>Editable Templates</strong>: Assemble templates without coding and define author editing permissions.</li>
<li><strong>Responsive Layout</strong>: Define how elements reflow based on breakpoints.</li>
<li><strong>Header and Footer</strong>: Assemble and localize headers and footers without code.</li>
<li><strong>Style System</strong>: Allow authors to apply different styles to components without custom building.</li>
<li><strong>Front-End Build</strong>: Supports mocking AEM pages and building client libraries with Webpack, TypeScript, and SASS.</li>
<li><strong>Decoupled Front-End</strong>: Preconfigured to use the AEMaaCS Frontend Pipeline for decoupled front-end modules.</li>
<li><strong>WebApp-Ready</strong>: Enables in-context authoring for React or Angular web apps using the SPA SDK.</li>
<li><strong>Commerce Enabled</strong>: Integration with Commerce Integration Framework (CIF) for commerce solutions like Magento.</li>
<li><strong>Forms Enabled</strong>: Supports use of Forms for projects.</li>
<li><strong>Testing</strong>: Includes ready-to-use Functional and UI testing modules.</li>
</ul>


<h2>Overview</h2>
<p>Brackets is a modern open-source code editor for HTML, CSS, and JavaScript built with HTML, CSS, and JavaScript. It focuses on providing a clean and streamlined user interface without cluttering up the coding environment with unnecessary panels and icons. Brackets offers features like Quick Edit UI for context-specific code editing and Live Preview for real-time synchronization with the browser view.</p>
<h2>Features</h2>
<ul>
<li><strong>Quick Edit UI</strong>: Context-specific code and tools are placed inline without cluttering the coding environment.</li>
<li><strong>Live Preview</strong>: Works directly with the browser to push code edits instantly and switch back and forth between source code and browser view.</li>
<li><strong>Open Source</strong>: Built with HTML, CSS, and JavaScript, allowing community contributions to enhance the code editor.</li>
<li><strong>Extensible</strong>: Large and growing community of developers building extensions for additional functionalities.</li>
<li><strong>Intuitive Interface</strong>: Clean and user-friendly design makes it easy to navigate and use.</li>
</ul>
<h2>Summary</h2>
<p>Brackets is a versatile code editor designed for web development with a focus on simplicity and efficiency. Its unique features like Quick Edit UI and Live Preview streamline the coding process, while its open-source nature encourages community contributions and extension development. With a user-friendly interface and real-time synchronization with the browser, Brackets offers a seamless coding experience for developers.</p>


<h2>Overview:</h2>
<p>The Coral Spectrum Web Components is a project that aims to develop the Adobe Spectrum design language using web components, ES-Modules, and modern browser standards. It provides a JavaScript library of web components that follow Spectrum design patterns. The project focuses on consistency and compatibility with major frameworks like Angular, React, and Vue.js. Coral Spectrum is designed to support multiple browsers and includes built-in accessibility and internationalization support.</p>
<h2>Features:</h2>
<ul>
<li><strong>Component Examples:</strong> Showcase of various Coral Spectrum components in action.</li>
<li><strong>API References:</strong> Detailed API documentation covering properties, events, and more for all components.</li>
<li><strong>Playground:</strong> A sandboxed environment to experiment and preview code with the latest version of Coral Spectrum. Code can be shared by copy-pasting the URL.</li>
<li><strong>Default Theme:</strong> Implementation of the Spectrum design specifications, providing elements and tools to help product teams work efficiently and make Adobe's applications more cohesive.</li>
<li><strong>Compatibility with Major Frameworks:</strong> Compatible with Angular, React, and Vue.js, providing a complete and easy-to-use library of HTML components.</li>
<li><strong>Browser Support:</strong> Designed to support the latest versions of Chrome, Safari, Firefox, Edge, IE 11, iOS 7+, and Android 4.4+.</li>
<li><strong>Theme Options:</strong> Supports different themes like light, dark, lightest, and darkest, with the ability to specify the theme class at a higher level.</li>
<li><strong>Large Scale Support:</strong> Supports larger tap targets on mobile controls by specifying the class coral--large at a higher level.</li>
<li><strong>Built-in Accessibility and Keyboard Support:</strong> Every Coral Spectrum component is designed to be accessible and usable for all users.</li>
<li><strong>Internationalization Support:</strong> Provides a robust internal system for internationalizing strings, supporting multiple languages.</li>
</ul>


<h2>Overview</h2>
<p>Hyde is a utility that facilitates documenting C++. It is unique from existing documentation utilities in several ways. First, it is based on Clang's libTooling library, allowing it to compile and document C++ code as the language evolves. Second, it uses out-of-line documentation instead of inline comments, avoiding the problem of comments falling out of sync and becoming a distraction. Third, it produces well-structured Markdown files with YAML front-matter, making it compatible with tools like Jekyll for customizing the final documentation's structure and layout. Fourth, Hyde enforces schema to keep the documentation in sync with the C++ code. Lastly, it is adaptable, allowing additional tools or emitters to be built on top of its output.</p>
<h2>Features</h2>
<ul>
<li><strong>Clang based</strong>: Hyde uses Clang's libTooling library to compile and document C++ code.</li>
<li><strong>Out-of-line documentation</strong>: Hyde avoids inline comments and uses separate documentation files to prevent syncing issues and distractions.</li>
<li><strong>Jekyll compatible</strong>: Hyde produces well-structured Markdown files with YAML front-matter, making it compatible with tools like Jekyll.</li>
<li><strong>Schema enforcement</strong>: Hyde compares pre-existing documentation files with the current state of the C++ sources to keep the documentation accurate.</li>
<li><strong>Adaptable</strong>: In addition to documentation, Hyde can output AST-based information about the code as a JSON-based IR, allowing for additional tools or emitters to be built on top.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li><strong>macOS</strong>:
<ul>
<li>Homebrew: <code>brew install cmake</code></li>
<li>Optional: <code>brew install ninja</code></li>
</ul>
</li>
<li><strong>Linux (Ubuntu Bionic)</strong>:</li>
</ul>


<h2>Overview:</h2>
<p>React Spectrum Libraries is a collection of libraries and tools that help developers build adaptive, accessible, and robust user experiences. It includes React Spectrum, a React implementation of Adobe's design system, as well as React Aria and React Stately, which provide accessible UI primitives and cross-platform state management for design systems. The libraries are designed to be customizable, with support for custom themes and dark mode.</p>
<h2>Features:</h2>
<ul>
<li><strong>Accessible:</strong> All components adhere to WAI-ARIA Authoring Practices for accessibility, with support for screen readers and keyboard navigation.</li>
<li><strong>Adaptive:</strong> Components work seamlessly with mouse, touch, and keyboard interactions and are built with responsive design principles for optimal performance on any device.</li>
<li><strong>International:</strong> The libraries include support for over 30 languages, right-to-left languages, and date and number formatting.</li>
<li><strong>Customizable:</strong> React Spectrum components support custom themes and automatically adapt for dark mode. Developers can also build their own components using the React Aria and React Stately hooks for customized behavior, accessibility, and interactions.</li>
</ul>


Adobe

Aem Project Archetype

Brackets

Coral Spectrum

Hyde

React Spectrum