Patterns
Library for quickly applying rich interaction patterns without the need to write any JavaScript.
Overview
Patterns is a toolkit that allows designers to create interactive prototypes without writing JavaScript. It leverages HTML attributes and classes for functionality, prioritizing accessibility, SEO, and well-structured HTML. The toolkit is designed to work on popular browsers and has installation requirements specific to development on OSX. Patterns includes individual patterns with their own folders containing HTML markup, Markdown documentation, JavaScript functionality, and Sass CSS files. The toolkit can be demoed through a local Node.js server or via the open-source Patternslib.com website. Contributions and tests can be made using specific commands provided by Patterns.
Features
- No JavaScript Required: Allows designers to create interactive prototypes without writing JavaScript.
- HTML Attribute and Class Triggered: Functionality is triggered using HTML attributes and classes, avoiding excessive use of HTML as a programming language.
- Accessibility and SEO Focus: Prioritizes accessibility, SEO, and well-structured HTML.
- Browser Support: Aims to support the two latest major versions of popular browsers such as Apple Safari, Google Chrome, and Firefox.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
