-
Notifications
You must be signed in to change notification settings - Fork 593
Home
Welcome to the FAST-DNA developer documentation!
FAST-DNA is an accelerator for anyone using the distributed NPM packages. In order to be successful there must be some key objectives around standards and best practices.
- Compliance in WCAG 2.0 AA and Microsoft Accessibility Standards
- Internationalized across 194 global markets and 15 regions
- Cross-browser compatibility in all modern browsers
- Progressively enhanced responsive and adaptive designs
- Machine-readable HTML Microdata
- Self-described, documented, and validated components with JSON Schemas
- Scalable and Semantic HTML, JSS, and JavaScript
Dependencies are purposely limited to simplify the upgrade cycle. Due to the constantly changing nature of web technologies, it’s imperative to update more frequently with less friction and without customer impact.
The dependencies only apply to the design language packages. For example, FAST components react msft.
- modernizr.min.js for browser feature detection.
FAST-DNA makes use of browser-native responsive image features, which tailor the delivery of image sources to best suit the image’s position in a layout, as well as the user’s viewport size and display densities.
These markup patterns may not be supported in all browsing contexts—most notably, IE 11. The native fallback pattern built into these markup patterns (rendering the inner img element’s src, in the event that the picture element and/or srcset attribute aren’t recognized by the browser) ensures these users will receive a representative image, though not one optimized to conserve bandwidth and improve rendering performance.
To ensure efficient delivery of image assets to older browsing contexts, we recommend use of the Picturefill polyfill.
Building blocks include all the parts (patterns, layouts, and components) used to construct Web site and application experiences. Components include default styles and behaviors applied regardless of where on the page the component is located.
More complex behaviors can be implemented using the FAST Animation library.