Bindable
A design system built in Aurelia JS that allows for faster and easier web development.
Overview
Bindable is a design system that aims to provide cohesive and consistent interfaces for video products in Edgecast tools. It is developed as an Aurelia plugin and provides a common pattern for designers and engineers to follow. The purpose of Bindable is to help teams stay on the same page and avoid rebuilding components repeatedly. While still a work in progress, Bindable is available for others to use.
Features
- Provides a structured way of building user interfaces
- Includes a pattern library for CSS classes
- Offers helper classes for easy usage
- Supports TypeScript interfaces for type safety
- Allows importing CSS Module classes
- Provides access to specific class names through JSON files
- Allows usage of custom views and ViewModels
Summary
Bindable is a powerful design system developed as an Aurelia plugin. It provides a structured and consistent way to build user interfaces for video products in Edgecast tools. With features like a pattern library, helper classes, TypeScript interfaces, and more, Bindable offers a comprehensive solution for designers and engineers. While still being developed, Bindable is available for use and contributions.
- 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.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.