ausdtoausdto
20

Gov Au UI Kit

screenshot of Gov Au UI Kit
express
scss

MOVED TO https://github.com/govau/uikit/

GithubDemo

Overview

The GOV.AU UI-Kit is an innovative tool specifically designed for teams involved in creating Australian Government websites. It's both a draft design guide, aimed at establishing an accessible and standardized look and feel across projects, and a lightweight CSS & JS framework intended for integration into your own work. Although currently in early draft release, the kit opens the door for contributions and collaboration, making it an exciting resource for developers and designers alike.

This UI-Kit serves as a foundation for building user-friendly and visually appealing interfaces while adhering to accessibility standards. Its emphasis on progressive enhancement and WCAG2 AA compliance reflects a commitment to creating inclusive digital experiences, showcasing its potential value for any government-related project.

Features

  • Normalize.Bourbon: Built on version 4.2.7, this feature provides a clean and consistent starting point for your layout and design needs.

  • Grid Framework: The kit includes a neat grid framework with sensible defaults, enabling easy structuring of content for various devices.

  • Basic Styling: Offers foundational styling for content and typographic layout, ensuring a harmonious user experience right out of the box.

  • UI Elements: Predefined styles for common UI components (like inputs and labels) simplify the development process while enhancing user interaction.

  • Accessibility Focus: The framework is built on an accessible HTML foundation, striving for WCAG2 AA compliance and integrating automated testing for quality assurance.

  • Cross-Browser Support: Designed with various browsers in mind, it incorporates conditional styling for IE, ensuring usability across platforms.

  • Build Process: A streamlined build process utilizing Gulp and Node.js allows users to customize and enhance the framework easily.

  • Community Contribution: Currently in draft form, the UI-Kit encourages input from users to help shape its final design and functionality, promoting a collaborative development environment.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
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.